@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  /* Цвета фона */
  --bg:           #090d12;
  --bg2:          #0e1520;
  --bg3:          #131c28;
  --bg4:          #192436;
  --card:         rgba(255,255,255,.04);
  --card-hover:   rgba(255,255,255,.07);
  --border:       rgba(255,255,255,.09);
  --border-md:    rgba(255,255,255,.14);
  --border-green: rgba(39,174,96,.40);

  /* Зелёный */
  --green:        #27AE60;
  --green-light:  #2ecc71;
  --green-dark:   #1e8e4f;
  --green-dim:    rgba(39,174,96,.14);
  --green-glow:   0 0 20px rgba(39,174,96,.30);
  --green-glow-sm:0 0 10px rgba(39,174,96,.20);

  /* Золотой */
  --gold:         #f1c40f;
  --gold-light:   #f5d44f;
  --gold-dim:     rgba(241,196,15,.14);

  /* Красный */
  --red:          #e74c3c;
  --red-dim:      rgba(231,76,60,.12);

  /* Текст */
  --text:         rgba(255,255,255,.92);
  --text-muted:   rgba(255,255,255,.55);
  --text-dim:     rgba(255,255,255,.32);

  /* Типографика */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Скругления */
  --radius:    16px;
  --radius-sm:  8px;
  --radius-xs:  6px;

  /* Тени */
  --shadow:    0 8px 32px rgba(0,0,0,.5);
  --shadow-sm: 0 2px 12px rgba(0,0,0,.35);
  --shadow-card: 0 4px 20px rgba(0,0,0,.4);
}