/*
 * Víkingur Design System tokens.
 *
 * Copied verbatim from the Claude Design project "Víkingur Design System"
 * (tokens/colors.css, tokens/typography.css, tokens/spacing.css). That project
 * is the source of truth: change a value there first, then copy it here, so the
 * design and the site cannot drift apart.
 */

/* ── colors.css ── Official club palette (from 5_COLORS brand film) + digital neutrals. */
:root{
/* Official club palette — names from the brand film */
--vik-astrida:#BA0000;      /* Ástríða · Passion Red · RGB 186 0 0 */
--vik-styrkur:#000000;      /* Styrkur · Strength Black */
--vik-samheldni:#FFFFFF;    /* Samheldni · Unity White */
--vik-orka:#F72F2F;         /* Orka · Energy · Infrared */
--vik-saga:#B46528;         /* Saga · History · Leather Brown (1933 ball) */
--vik-arangur:#B59B56;      /* Árangur · Achievement · Gold */
--vik-hefd:#600F0D;         /* Hefð · Tradition · Burgundy */

/* Red ramp */
--red-700:#7F0000;--red-600:#9A0000;--red-500:#BA0000;--red-100:#F6D6D6;--red-50:#FBEDED;
--infrared-500:#F72F2F;--infrared-600:#D91E1E;--infrared-50:#FEECEC;
--saga-700:#8A4A1B;--saga-500:#B46528;--saga-100:#EFDCCB;--saga-50:#F8EFE7;
--gold-700:#7A6630;--gold-500:#B59B56;--gold-100:#EDE5CF;--gold-50:#F7F3E8;
--hefd-500:#600F0D;--hefd-700:#420907;--hefd-50:#F4E9E8;

/* Digital canvas neutrals (80%) */
--white:#FFFFFF;--canvas:#F8F9FA;--gray-50:#F1F2F4;--gray-100:#E6E7EA;--gray-200:#D4D6DA;--gray-400:#9A9DA3;--gray-500:#6E7177;--gray-700:#3A3C40;--ink:#121212;--black:#000000;

/* Semantic — surfaces */
--surface-page:var(--canvas);--surface-card:var(--white);--surface-sunken:var(--gray-50);--surface-inverse:var(--black);--surface-editorial:var(--hefd-500);--surface-broadcast:#EDEEF0;
/* Semantic — text */
--text-primary:var(--ink);--text-secondary:var(--gray-500);--text-tertiary:var(--gray-400);--text-inverse:var(--white);--text-brand:var(--red-500);--text-gold:var(--gold-700);--text-saga:var(--saga-700);
/* Semantic — lines */
--border-keyline:var(--black);--border-hairline:var(--gray-100);--border-strong:var(--gray-200);
/* Semantic — action */
--action-primary:var(--red-500);--action-primary-hover:var(--red-600);--action-primary-press:var(--red-700);--action-secondary:var(--black);--action-secondary-hover:var(--gray-700);
--focus-ring:var(--red-500);
/* Semantic — status */
--status-live:var(--infrared-500);--status-live-bg:var(--infrared-50);--status-goal:var(--infrared-500);--status-win:#1F7A3A;--status-draw:var(--gray-500);--status-loss:var(--red-500);
--badge-heritage:var(--saga-500);--badge-heritage-bg:var(--saga-50);--badge-premium:var(--gold-500);--badge-premium-bg:var(--gold-50);
}

/* ── typography.css ── */
:root{
--font-display:"GT America Compressed","Oswald","Arial Narrow",sans-serif;   /* scores, numbers, headlines */
--font-condensed:"GT America Condensed","Barlow Condensed","Arial Narrow",sans-serif; /* labels, nav, section heads */
--font-body:"GT America Standard","Helvetica Neue",Arial,sans-serif;       /* stats, dates, commentary */
--font-mono:"GT America Mono",ui-monospace,Menlo,monospace;                /* match clock, data */
--font-expanded:"GT America Expanded","GT America Standard",sans-serif;    /* rare, broadcast bugs */

/* Display scale — GT America Compressed, weight 900/700, tight leading */
--display-xxl:160px;--display-xl:112px;--display-lg:72px;--display-md:48px;--display-sm:36px;
--lh-display:0.86;--tracking-display:-0.005em;
/* Heading scale — GT America Condensed Bold, uppercase */
--heading-lg:28px;--heading-md:22px;--heading-sm:18px;--lh-heading:1.05;--tracking-heading:0.01em;
/* Body — GT America Standard */
--body-lg:17px;--body-md:15px;--body-sm:13px;--lh-body:1.45;
/* Label / meta — Condensed Medium caps */
--label-md:13px;--label-sm:11px;--tracking-label:0.08em;
--weight-regular:400;--weight-medium:500;--weight-bold:700;--weight-black:900;
}

/* ── spacing.css ── */
:root{
/* 4px base spacing */
--space-0:0;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--space-11:64px;--space-12:80px;--space-13:96px;
/* Grid — 12 columns everywhere */
--grid-columns:12;--grid-gutter-mobile:12px;--grid-gutter-desktop:24px;--grid-margin-mobile:16px;--grid-margin-desktop:40px;--grid-max:1320px;
/* Radii — tiles, cards and photos stay square (shield angles). Controls are rounded: buttons, tags, badges, segmented tabs = pill; inputs = 12px; icon buttons = circle. */
--radius-0:0;--radius-sm:2px;--radius-md:4px;--radius-control:12px;--radius-card:8px;--radius-pill:999px;
/* Borders — 1px black keylines are the structure */
--keyline:1px solid var(--border-keyline);--keyline-heavy:2px solid var(--border-keyline);--hairline:1px solid var(--border-hairline);
/* Elevation — flat. Only floating layers get a soft shadow. */
--shadow-none:none;--shadow-hard:4px 4px 0 var(--black);--shadow-overlay:0 12px 32px rgba(0,0,0,.16);--shadow-toast:0 6px 18px rgba(0,0,0,.14);--shadow-lift:0 14px 32px rgba(0,0,0,.10);
/* Motion */
--ease-strike:cubic-bezier(.2,.8,.2,1);--ease-inout:cubic-bezier(.65,0,.35,1);--dur-fast:120ms;--dur-base:200ms;--dur-slow:360ms;
/* Touch */
--hit-min:44px;
}