/* ============================================================
   Ciberliga Design System — production tokens (light surface)
   Generated from /Ciberliga Design System/tokens/*.css
   Scoped via :root so referencing pages can use var(--token).
   ============================================================ */
:root {
  /* ---- Brand blue ---- */
  --blue-300:#8fc1de; --blue-400:#5ba3d0; --blue-500:#3c8dbc; --blue-600:#337ab7; --blue-700:#286090; --blue-800:#204d74;
  /* ---- Green ---- */
  --green-300:#7fdca6; --green-400:#2ecc71; --green-500:#27ae60; --green-600:#00a65a; --green-700:#1e8449;
  /* ---- Navy ---- */
  --navy-900:#1a2226; --navy-800:#222d32; --navy-700:#2c3e50; --navy-600:#34495e; --navy-500:#3d566e;
  /* ---- Semantics ---- */
  --red-400:#e57368; --red-500:#dd4b39; --red-600:#c9302c;
  --amber-400:#f5b74f; --amber-500:#f39c12; --amber-600:#e08e0b;
  --cyan-500:#00c0ef; --gold-500:#f1c40f; --cream-100:#fff8e1;
  /* ---- Grays ---- */
  --gray-50:#f7f9fb; --gray-100:#ecf0f5; --gray-200:#e2e8f0; --gray-300:#d2d6de; --gray-400:#b7c0cd;
  --gray-500:#97a2b2; --gray-600:#6b7785; --gray-700:#4a5563; --gray-800:#2c3e50; --gray-900:#222d32; --white:#fff;
  /* ---- Surfaces ---- */
  --surface-app:var(--gray-100); --surface-card:var(--white); --surface-sunken:var(--gray-200);
  --surface-elevated:var(--white); --surface-hover:var(--gray-50); --surface-inset:var(--gray-100);
  --surface-overlay:rgba(34,45,50,.55);
  /* ---- Borders ---- */
  --border-subtle:#e6eaf0; --border-default:var(--gray-300); --border-strong:#b7c0cd;
  /* ---- Text ---- */
  --text-primary:var(--navy-700); --text-secondary:var(--gray-600); --text-muted:var(--gray-500);
  --text-faint:var(--gray-400); --text-on-brand:#fff; --text-on-accent:#fff;
  /* ---- Accent / link ---- */
  --accent:var(--blue-500); --accent-hover:var(--blue-600); --accent-press:var(--blue-700);
  --accent-soft:#e3eff7; --accent-border:#b9d6ea;
  --cta:var(--green-500); --cta-hover:var(--green-600);
  --link:var(--blue-600); --link-hover:var(--blue-700);
  /* ---- States ---- */
  --positive:var(--green-600); --positive-soft:#dff0d8; --warning:var(--amber-500); --warning-soft:#fcf8e3;
  --danger:var(--red-500); --danger-soft:#f2dede; --info:var(--cyan-500); --info-soft:#d9edf7;
  --premium:var(--amber-500); --premium-soft:var(--cream-100);
  /* ---- Pitch / match ---- */
  --pitch:#1f7a3f; --pitch-stripe:#2c8f4d; --pitch-line:rgba(255,255,255,.85);
  --team-home:var(--red-500); --team-away:var(--blue-600);
  --focus-ring:rgba(60,141,188,.5);
  /* ---- Radii ---- */
  --radius-xs:2px; --radius-sm:3px; --radius-md:4px; --radius-lg:8px; --radius-xl:14px; --radius-2xl:22px; --radius-pill:999px;
  /* ---- Shadows ---- */
  --shadow-xs:0 1px 1px rgba(0,0,0,.10); --shadow-sm:0 1px 3px rgba(33,45,50,.12);
  --shadow-md:0 4px 14px rgba(33,45,50,.10); --shadow-lg:0 14px 36px rgba(20,45,80,.14); --shadow-xl:0 28px 64px rgba(20,45,80,.18);
  --shadow-inset:inset 0 1px 2px rgba(0,0,0,.08); --shadow-brand:0 10px 28px rgba(60,141,188,.30); --shadow-cta:0 10px 24px rgba(39,174,96,.30);
  /* ---- Type scale ---- */
  --text-2xs:.6875rem; --text-xs:.75rem; --text-sm:.875rem; --text-base:1rem; --text-md:1.125rem;
  --text-lg:1.375rem; --text-xl:1.75rem; --text-2xl:2.25rem; --text-3xl:3rem; --text-4xl:3.75rem;
  /* ---- Tracking ---- */
  --tracking-tight:-.02em; --tracking-normal:0; --tracking-wide:.03em; --tracking-wider:.06em; --tracking-label:.08em;
  /* ---- Fonts ---- */
  --font-body:"Source Sans Pro","Source Sans 3","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-display:"Source Sans Pro","Source Sans 3","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-pixel:"Press Start 2P","Source Sans Pro",monospace;
  /* ---- Motion ---- */
  --dur-fast:120ms; --dur-base:200ms;
  --ease-out:cubic-bezier(0.22,1,0.36,1); --ease-snap:cubic-bezier(0.34,1.4,0.64,1);
}