/* ═══════════════════════════════════════════════════════════════════
   Liniya (Линия) — Design System Tokens
   Android-приложение футбольной статистики, русскоязычное, тёмная тема.
   Палитра: gold + royal blue на глубоком navy-grey фоне.
   Вдохновение: Stripe, Arc, Vercel, премиум-sports приложения.
   Шрифт: Inter (Regular → Black). Цифры/счёты — Black/ExtraBold.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Fonts ──────────────────────────────────────────────────────── */
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/Inter-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/Inter-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/Inter-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/Inter-Black.ttf') format('truetype');
}

:root {
  /* ═══ BASE SURFACES (dark) ═══════════════════════════════════════ */
  --bg-base:        #0A0D14; /* самый глубокий фон приложения */
  --bg-elevated:    #13171F; /* карточки, AppBar */
  --bg-elevated-2:  #1B2028; /* вложенные контейнеры, hover */
  --bg-outline:     #2A313C; /* тонкие разделители */
  --bg-live:        #1F1A14; /* тёплая карточка для live */

  /* ═══ ACCENT: GOLD ═══════════════════════════════════════════════ */
  --gold:           #D4AF37; /* основной акцент */
  --gold-light:     #E5C467; /* градиент, hover */
  --gold-dark:      #A88626; /* pressed, subtle */
  --on-gold:        #1A1400; /* текст на золоте */

  /* ═══ SECONDARY: SILVER ══════════════════════════════════════════ */
  --silver:         #C0C5CE; /* приглушённый белый, подзаголовки */
  --silver-dark:    #8E9BA8; /* meta-информация */

  /* ═══ AWAY-АКЦЕНТ: ROYAL BLUE ═══════════════════════════════════ */
  --away-blue:      #5B7FD7; /* гостевая команда, графики */
  --away-blue-soft: #7E9BE0; /* чипы и подсветки */

  /* ═══ TEXT ═══════════════════════════════════════════════════════ */
  --text-primary:   #E8EAED;
  --text-secondary: #9BA1AA;
  --text-muted:     #6B7280;

  /* ═══ FUNCTIONAL — тёплые, не кислотные ═════════════════════════ */
  --live-red:       #E5484D; /* live-индикатор, тревога */
  --win-green:      #30A46C; /* победа — forest green */
  --draw-gray:      #9BA1AA; /* ничья = серебро */
  --loss-red:       #E5484D; /* поражение = warm red */
  --yellow-card:    #F5D90A;
  --red-card:       #E5484D;
  --minute-green:   #D4AF37; /* минута live — теперь золотом (legacy name) */

  /* ═══ GRADIENTS ══════════════════════════════════════════════════ */
  --grad-gold:      linear-gradient(135deg, #E5C467 0%, #D4AF37 50%, #A88626 100%);
  --grad-card:      linear-gradient(180deg, #1B2028 0%, #13171F 100%);
  --grad-live-card: linear-gradient(180deg, #1F1A14 0%, #13171F 100%);
  --grad-hero:      radial-gradient(circle at 50% 0%, #1A1F2D 0%, #0A0D14 70%);
  --grad-ai:        linear-gradient(135deg,
                      rgba(212,175,55,0.12) 0%,
                      rgba(19,23,31,0.85) 50%,
                      rgba(91,127,215,0.08) 100%);

  /* Pitch (football field) */
  --pitch-bg:       #0C3A1E;
  --pitch-lines:    rgba(255,255,255,0.32);

  /* ═══ TYPOGRAPHY ═════════════════════════════════════════════════ */
  --font-sans:      'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Type scale — ratio ≈ 1.25 (major third) */
  --fs-display-lg:  40px;  --lh-display-lg: 44px; /* stadium-scale score, hero numbers */
  --fs-display:     32px;  --lh-display:    36px; /* screen titles (Расписание, Лиги) */
  --fs-headline-lg: 26px;  --lh-headline-lg:32px;
  --fs-headline:    22px;  --lh-headline:   28px;
  --fs-headline-sm: 18px;  --lh-headline-sm:24px;
  --fs-title:       18px;  --lh-title:      24px; /* section titles */
  --fs-title-md:    16px;  --lh-title-md:   22px;
  --fs-title-sm:    14px;  --lh-title-sm:   20px;
  --fs-body:        16px;  --lh-body:       22px;
  --fs-body-md:     14px;  --lh-body-md:    20px; /* team name, default body */
  --fs-body-sm:     12px;  --lh-body-sm:    16px;
  --fs-label:       14px;  --lh-label:      20px;
  --fs-label-md:    12px;  --lh-label-md:   16px; /* ALL CAPS section eyebrows */
  --fs-label-sm:    11px;  --lh-label-sm:   14px;

  /* Weights */
  --w-regular:      400;
  --w-medium:       500;
  --w-semibold:     600;
  --w-bold:         700;
  --w-black:        900;

  /* Letter spacing */
  --ls-display:     -0.5px; /* негативный трекинг на крупных заголовках */
  --ls-headline:    -0.3px;
  --ls-title:       -0.2px;
  --ls-eyebrow:     1.5px;  /* капсовые подписи (AI-ПРОГНОЗ, СОСТАВЫ) */
  --ls-caption:     0.5px;

  /* ═══ RADII ══════════════════════════════════════════════════════ */
  --r-xs:   4px;   /* chips inside bars */
  --r-sm:   8px;   /* odds pill */
  --r-md:   12px;  /* AI CTA button */
  --r-lg:   14px;  /* toolbar pills, league header chip, week strip cell */
  --r-xl:   16px;  /* fixture card */
  --r-2xl:  18px;  /* glass section, lineup, AI section */
  --r-3xl:  24px;  /* score hero card */
  --r-full: 9999px;

  /* ═══ SPACING ════════════════════════════════════════════════════ */
  --space-1:  2px;
  --space-2:  4px;
  --space-3:  6px;
  --space-4:  8px;
  --space-5:  10px;
  --space-6:  12px;
  --space-7:  14px;   /* vertical padding inside fixture card */
  --space-8:  16px;   /* horizontal screen gutter */
  --space-9:  18px;   /* card inner padding */
  --space-10: 20px;
  --space-12: 24px;   /* screen header gutter */
  --space-14: 28px;

  /* ═══ ELEVATION ══════════════════════════════════════════════════ */
  --shadow-1: 0 1px 2px rgba(0,0,0,0.5);
  --shadow-2: 0 4px 12px rgba(0,0,0,0.35);
  --shadow-3: 0 10px 32px rgba(0,0,0,0.55);

  /* Semantic chip tints (for status pills like LIVE, carded, goal events) */
  --tint-live:   rgba(229,72,77,0.16);
  --tint-gold:   rgba(212,175,55,0.15);
  --tint-yellow: rgba(245,217,10,0.15);
  --tint-blue:   rgba(91,127,215,0.15);
  --tint-green:  rgba(48,164,108,0.15);
}

/* ═══ SEMANTIC ALIASES ═══════════════════════════════════════════════ */
:root {
  /* Text */
  --fg-1: var(--text-primary);
  --fg-2: var(--text-secondary);
  --fg-3: var(--text-muted);

  /* Surface */
  --surface:     var(--bg-base);
  --surface-1:   var(--bg-elevated);
  --surface-2:   var(--bg-elevated-2);
  --surface-live:var(--bg-live);
  --border:      var(--bg-outline);

  /* Team colors */
  --home-color:  var(--gold);
  --away-color:  var(--away-blue);

  /* Primary action */
  --primary:        var(--gold);
  --on-primary:     var(--on-gold);
  --primary-hover:  var(--gold-light);
  --primary-pressed:var(--gold-dark);
}

/* ═══ BASE ═══════════════════════════════════════════════════════════ */
html, body {
  background: var(--bg-base);
  color: var(--fg-1);
  font-family: var(--font-sans);
  font-feature-settings: 'ss01', 'cv11', 'tnum'; /* Inter tabular numbers */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}

/* ═══ SEMANTIC TYPE ELEMENTS ═════════════════════════════════════════ */
.h-display { /* Big screen titles: "Расписание", "Лиги", "Live" */
  font: var(--w-black) var(--fs-display)/var(--lh-display) var(--font-sans);
  letter-spacing: var(--ls-display);
  color: var(--fg-1);
  margin: 0;
}
.h-headline {
  font: var(--w-bold) var(--fs-headline)/var(--lh-headline) var(--font-sans);
  letter-spacing: var(--ls-headline);
  color: var(--fg-1);
  margin: 0;
}
.h-title {
  font: var(--w-semibold) var(--fs-title)/var(--lh-title) var(--font-sans);
  color: var(--fg-1);
  margin: 0;
}
.h-eyebrow { /* "AI-ПРОГНОЗ", "СОСТАВЫ", "ПОЗИЦИИ" — small caps label */
  font: var(--w-black) var(--fs-label-md)/var(--lh-label-md) var(--font-sans);
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--fg-2);
  margin: 0;
}
.t-body {
  font: var(--w-regular) var(--fs-body-md)/var(--lh-body-md) var(--font-sans);
  color: var(--fg-1);
}
.t-meta { /* под названиями команд, датами — приглушённый регистр */
  font: var(--w-medium) var(--fs-body-sm)/var(--lh-body-sm) var(--font-sans);
  color: var(--fg-2);
}
.t-score { /* 42px, главный счёт в hero */
  font: var(--w-black) var(--fs-display-lg)/var(--lh-display-lg) var(--font-sans);
  letter-spacing: var(--ls-display);
  color: var(--primary);
  font-variant-numeric: tabular-nums;
}
.t-score-sm { /* 22px, fixture card */
  font: var(--w-black) 22px/28px var(--font-sans);
  color: var(--fg-1);
  font-variant-numeric: tabular-nums;
}
.t-num { /* tabular nums helper for stats */
  font-variant-numeric: tabular-nums;
  font-weight: var(--w-black);
}