/*
 * LN24.no — official brand design tokens (source of truth).
 *
 * Defined once here; every LN24 UI (the future public website, internal
 * dashboards, editorial tools) consumes these variables. Never duplicate
 * these hex values in components, and never introduce new brand colors —
 * derive new states from this palette. See docs/design-system.md.
 */
:root {
  /* Primary */
  --ln24-navy: #0B2A5B;        /* header/nav, links, selected states, brand */
  --ln24-red: #F21F2F;         /* primary CTA, breaking/urgent, small highlights — USE SPARINGLY */

  /* Neutrals */
  --ln24-ink: #161A22;         /* main body text, high-contrast headlines */
  --ln24-background: #F7F8FA;  /* page background, large sections */
  --ln24-surface: #FFFFFF;     /* cards, panels, menus, content containers */
  --ln24-border: #D9DEE5;      /* borders, dividers, input borders */
  --ln24-muted: #6B7280;       /* metadata, dates, bylines, secondary text */

  /* Interaction states */
  --ln24-navy-hover: #071E45;  /* navy button/nav hover */
  --ln24-red-hover: #D91927;   /* red CTA hover */

  /* Tints */
  --ln24-blue-tint: #EAF1FB;   /* info backgrounds, selected states, light branded sections */

  /* Derived semantic aliases (no new brand colors — all from the palette above) */
  --ln24-on-navy: #FFFFFF;         /* text/icons on navy */
  --ln24-on-red: #FFFFFF;          /* text/icons on red */
  --ln24-link: var(--ln24-navy);
  --ln24-link-hover: var(--ln24-navy-hover);
  --ln24-focus-ring: var(--ln24-navy);       /* focus outline on light surfaces */
  --ln24-focus-ring-inverse: #FFFFFF;        /* focus outline on navy/red surfaces */

  /* Typography */
  --ln24-font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --ln24-font-headline: "Iowan Old Style", Georgia, "Times New Roman", serif;
  --ln24-font-data: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Shape — editorial, not app-like: small radii, hairline borders, no shadows */
  --ln24-radius: 4px;
  --ln24-radius-pill: 999px;
}