/* Pomorska Akroliga — design tokens from MAIN league identity
 * Global: deep navy · white · lime · cyan · restrained energy accents
 * Contextual club palettes: club-color-tokens.css + --club-* runtime
 */
:root {
  --brand-navy: #0b1528;
  --brand-navy-deep: #070e1a;
  --brand-navy-light: #152238;
  --brand-lime: #c8f000;
  --brand-lime-ink: #0b1528;
  --brand-cyan: #3ec8e8;
  --brand-white: #f5f7fb;
  --brand-paper: #eef1f6;
  --surface-light: #e8ecf3;
  --surface-muted: #dfe4ee;
  --text-muted: #6b7589;
  --text-soft: #3a4558;
  --rule: #c5ccd8;
  --on-navy-muted: #a8b4c8;
  --on-navy-line: rgb(245 247 251 / 0.14);
  /* Multicolor energy motif (from MAIN crest ribbon) — thin accents only */
  --energy-1: #e85a1a;
  --energy-2: #c41e6a;
  --energy-3: #6b2fa0;
  --energy-4: #1a9fd9;
  --energy-5: #c8f000;
  --energy-ribbon: linear-gradient(
    90deg,
    var(--energy-1),
    var(--energy-2),
    var(--energy-3),
    var(--energy-4),
    var(--energy-5)
  );
  --font-display: "Saira Condensed", "Arial Narrow", sans-serif;
  --font-body: "Outfit", "Segoe UI", sans-serif;
  --page-gutter: clamp(1rem, 4vw, 3.5rem);
  --page-max: 74rem;
  --page-max-narrow: 52rem;
  --section-y: clamp(2.5rem, 6vw, 4rem);
  --section-y-tight: clamp(1.75rem, 4vw, 2.75rem);
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --text-hero: clamp(2.75rem, 10vw, 6.5rem);
  --text-display: clamp(2rem, 5vw, 3.35rem);
  --text-xl: clamp(1.35rem, 2.4vw, 1.95rem);
  --text-lg: 1.125rem;
  --text-md: 1rem;
  --text-sm: 0.875rem;
  --text-xs: 0.75rem;
  --radius-xs: 0;
  --radius-sm: 2px;
  --radius-md: 4px;
  --control-h: 2.85rem;
  --focus-ring: 2px solid var(--brand-lime);
  --focus-offset: 3px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-micro: 160ms;
  --dur-ui: 280ms;
  --dur-color: 320ms;
  --z-nav: 50;
  --z-menu: 60;
  --color-navy: var(--brand-navy);
  --color-navy-2: var(--brand-navy-light);
  --color-lime: var(--brand-lime);
  --color-lime-ink: var(--brand-lime-ink);
  --color-cyan: var(--brand-cyan);
  --color-paper: var(--brand-white);
  --color-paper-2: var(--surface-light);
  --color-ink: var(--brand-navy);
  --color-ink-soft: var(--text-soft);
  --color-muted: var(--text-muted);
  --color-on-navy: var(--brand-white);
  --color-on-navy-muted: var(--on-navy-muted);
  --color-on-navy-line: var(--on-navy-line);
  --color-focus: var(--brand-lime);
  --color-gold: var(--brand-lime);
  --color-gold-ink: var(--brand-lime-ink);
  --color-rule: var(--rule);
}