/* SPORT ARENA – design tokens.
   Dark graphite/navy base, electric blue primary, restrained violet accent.
   Text colours are chosen for ≥ 4.5:1 contrast on the surfaces they sit on. */

:root {
  color-scheme: dark;

  /* surfaces */
  --bg: #070b14;
  --bg-2: #0a1020;
  --surface: #101829;
  --surface-2: #151f36;
  --surface-3: #1b2744;
  --surface-hover: #1e2b4b;
  --line: #24314f;
  --line-strong: #34466f;

  /* text */
  --text: #eaf0fb;
  --text-2: #c3cde2;
  --text-3: #9aa7c4;
  --text-on-accent: #ffffff;

  /* brand */
  --accent: #2f7bff;
  --accent-2: #4d93ff;
  --accent-text: #8fb8ff;
  --accent-soft: rgba(47, 123, 255, 0.14);
  --violet: #8f80ff;
  --violet-2: #6f5ef0;
  --violet-text: #b9afff;
  --violet-soft: rgba(143, 128, 255, 0.14);
  --gold: #f4c95d;
  --gold-2: #e8a54b;
  --gold-text: #f6d58a;
  --gold-soft: rgba(244, 201, 93, 0.14);

  /* status (always paired with an icon and text) */
  --success: #3ccf8e;
  --success-text: #7ee2b4;
  --success-soft: rgba(60, 207, 142, 0.13);
  --warn: #f5b84a;
  --warn-text: #f7cd7c;
  --warn-soft: rgba(245, 184, 74, 0.13);
  --danger: #f2676b;
  --danger-text: #ff9da0;
  --danger-soft: rgba(242, 103, 107, 0.13);

  /* shape & depth */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 20px;
  --shadow: 0 18px 48px -22px rgba(0, 0, 0, 0.75);
  --shadow-lg: 0 30px 80px -30px rgba(0, 0, 0, 0.85);
  --ring: 0 0 0 3px rgba(143, 184, 255, 0.55);

  /* type: system fonts only – nothing is loaded from external servers */
  --font: 'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --fs-xs: 0.78rem;
  --fs-sm: 0.88rem;
  --fs: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.35rem;

  /* layout */
  --container: 1180px;
  --gutter: 16px;
  --topbar-h: 64px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

@media (min-width: 720px) {
  :root {
    --gutter: 24px;
  }
}