/* Lamicon — Color tokens
   Restrained navy + white foundation with blue as a precise technical accent. */
:root {
  /* ---- Base brand palette ---- */
  --navy-900: #050A22;   /* Primary navy — headers, hero, footer, deep brand moments */
  --navy-800: #0A0E2B;   /* Logo navy — slightly softer dark surface */
  --navy-700: #121a3d;   /* Raised dark surface (cards on navy, nav on scroll) */
  --navy-600: #1c2650;   /* Hairline borders / dividers on dark */

  --blue-500: #2F6BFF;   /* Primary blue accent — borders, focus, CTAs, dividers */
  --blue-400: #5184ED;   /* Logo blue accent — links, labels, icon highlights */
  --blue-300: #7ea3f2;   /* Soft blue — subtle highlights on dark */

  --offwhite: #F5F6FB;   /* Quiet section background / page background */
  --white: #FFFFFF;

  --grey-400: #B3B8C7;   /* Muted grey — eyebrows, secondary text on dark, metadata */
  --grey-500: #8a90a3;   /* Secondary text on light */
  --grey-300: #d9dced;   /* Light borders on light surfaces */

  --ink: #050A22;        /* Main ink text on light backgrounds */

  /* ---- Semantic aliases ---- */
  /* Text */
  --text-strong: var(--ink);          /* headings on light */
  --text-body: #2b3252;               /* body copy on light */
  --text-muted: var(--grey-500);      /* secondary/metadata on light */
  --text-on-dark: var(--white);       /* headings/body on navy */
  --text-on-dark-muted: var(--grey-400);
  --text-link: var(--blue-500);
  --text-link-on-dark: var(--blue-400);
  --text-eyebrow: var(--blue-500);

  /* Surfaces */
  --surface-page: var(--white);
  --surface-quiet: var(--offwhite);
  --surface-card: var(--white);
  --surface-dark: var(--navy-900);
  --surface-dark-alt: var(--navy-800);
  --surface-dark-raised: var(--navy-700);

  /* Lines */
  --border-card: var(--grey-300);
  --border-card-dark: var(--navy-600);
  --border-strong: rgba(5, 10, 34, 0.12);
  --divider-accent: var(--blue-500);

  /* Accents / interactive */
  --accent: var(--blue-500);
  --accent-soft: var(--blue-400);
  --focus-ring: var(--blue-500);
  --focus-ring-halo: rgba(47, 107, 255, 0.35);

  /* Semantic status (used sparingly) */
  --success: #1f9d63;
  --warning: #c9821b;
  --danger: #d24b4b;
}