/* ============================================================
   OLAS — Design Tokens v3  ·  "Nordic Authority"
   Navy-forward executive rebalance.
   Register: deep navy + generous mist carry almost everything;
   petrol and pine are rare jewels, never fields. No bright pops.
   Gold is retired. Authority comes from restraint and whitespace.
   Single source of truth — mirror in Claude Design + the SKILL.md.
   ============================================================ */

:root{
  /* ---- RAMPS (OKLCH-even) ---- */
  --mist-50:#F2F8FB; --mist-100:#E5EFF4; --mist-200:#CEDEE6; --mist-300:#AEC5D1;
  --mist-400:#87A3B2; --mist-500:#678595; --mist-600:#4C6877; --mist-700:#364D59;
  --mist-800:#24363F; --mist-900:#142026; --mist-950:#081116;

  --steel-50:#F1F8FE; --steel-100:#E3EFF8; --steel-200:#CADEED; --steel-300:#A9C5DB;
  --steel-400:#81A3BE; --steel-500:#6085A2; --steel-600:#456782; --steel-700:#314C62;
  --steel-800:#203546; --steel-900:#11202B; --steel-950:#061119;

  --pine-50:#F1F9F8; --pine-100:#E4F0EE; --pine-200:#CBE0DD; --pine-300:#ABC8C4;
  --pine-400:#83A7A2; --pine-500:#628985; --pine-600:#476B67; --pine-700:#32504C;
  --pine-800:#213835; --pine-900:#112220; --pine-950:#061211;

  --ink-50:#F1F8FD; --ink-100:#E4EFF7; --ink-200:#CCDEEB; --ink-300:#ABC5D8;
  --ink-400:#84A3BB; --ink-500:#63859E; --ink-600:#48677F; --ink-700:#334C5F;
  --ink-800:#223544; --ink-900:#12202A; --ink-950:#071118;

  /* Petrol — sea-jewel accent (from the pigna, Nordic-reframed). RARE. */
  --petrol-deep:#10526A; --petrol:#186E8E; --petrol-soft:rgba(24,110,142,.12);

  /* Brand anchors */
  --olas-navy:#0E2235;       /* signature navy — wordmark, mark, brand fields */
  --olas-navy-deep:#071118;  /* deepest field */

  /* Ceremonial / luxe LIGHT field — invitations, credentials, executive heroes.
     Light reads more luxurious and senior than a dark field: navy becomes INK,
     pale blue carries the luxury, and the seal becomes a faint embossed watermark. */
  --field-luxe-top:#FCFDFE;            /* luminous near-white, cool */
  --field-luxe-mid:#EAF2F7;            /* soft sky */
  --field-luxe-bottom:#D7E5EC;         /* pale steel-blue */
  --field-luxe-glow:rgba(180,205,220,.45);
  --watermark-ink:rgba(14,34,53,.07);  /* the seal, embossed faint on light */
  --frame-hairline:rgba(14,34,53,.16); /* fine credential frame */

  /* ---- SEMANTIC ROLES — LIGHT (default) ---- */
  --bg:var(--mist-50);              /* the room to breathe */
  --surface:#FFFFFF;
  --surface-sunken:var(--mist-100);
  --surface-brand:var(--olas-navy);

  --text-primary:var(--olas-navy);
  --text-secondary:var(--ink-700);
  --text-muted:var(--ink-600);      /* AA on white */
  --text-subtle:var(--mist-500);    /* large/decorative only */
  --text-on-brand:var(--mist-50);
  --text-on-accent:#FFFFFF;

  --border:var(--mist-200);
  --border-strong:var(--mist-300);
  --hairline:rgba(14,34,53,.12);    /* the executive hairline rule */

  --primary:var(--steel-700);       /* restrained interactive; white text passes AA */
  --primary-hover:var(--steel-800);
  --primary-active:var(--ink-900);

  --accent:var(--petrol);           /* RARE jewel — a single note, never a field */
  --secondary:var(--pine-700);      /* quiet forest, sparing */

  --focus:var(--steel-500);
  --success:var(--pine-600);
  --danger:#9B3B3B;
  /* signal-blue (bright pop) is RETIRED for the executive register — do not use */

  /* ---- SPACING — 8px grid · bias generous ---- */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px;
  --space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px; --space-10:128px; --space-11:192px;

  /* ---- RADIUS ---- */
  --radius-sm:8px; --radius-md:12px; --radius-lg:18px; --radius-xl:24px; --radius-full:999px;

  /* ---- ELEVATION — cool, soft, never heavy ---- */
  --shadow-1:0 1px 3px rgba(7,17,24,.06), 0 1px 2px rgba(7,17,24,.05);
  --shadow-2:0 8px 22px -10px rgba(14,34,53,.20);
  --shadow-3:0 18px 40px -14px rgba(7,17,24,.30);

  /* ---- TYPE ---- */
  --font-sans:'Inter','Söhne',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-serif:'Fraunces','Cormorant Garamond',Georgia,serif; /* editorial accent, sparing */
  --font-mono:'IBM Plex Mono',ui-monospace,monospace;

  --text-xs:0.75rem; --text-sm:0.875rem; --text-base:1.0625rem; --text-lg:1.25rem;
  --text-xl:1.5rem; --text-2xl:1.953rem; --text-3xl:2.441rem; --text-4xl:3.052rem; --text-5xl:3.815rem;

  --weight-light:300; --weight-regular:400; --weight-medium:500; --weight-semibold:600;
  --leading-tight:1.08; --leading-snug:1.3; --leading-normal:1.6;
  --tracking-display:-0.025em; --tracking-eyebrow:0.22em; --tracking-wordmark:0.42em;

  /* ---- MOTION (see motion-design) — slow, composed, never bouncy ---- */
  --ease-out:cubic-bezier(0.16,1,0.3,1);
  --ease-emph:cubic-bezier(0.22,1,0.36,1);
  --dur-fast:120ms; --dur-base:200ms; --dur-slow:300ms; --dur-page:420ms;
}

/* ---- SEMANTIC ROLES — DARK ---- */
:root[data-theme="dark"], .dark{
  --bg:var(--olas-navy-deep);
  --surface:var(--ink-900);
  --surface-sunken:#050D12;
  --surface-brand:var(--olas-navy);

  --text-primary:var(--mist-50);
  --text-secondary:var(--mist-300);
  --text-muted:var(--mist-400);
  --text-subtle:var(--mist-600);
  --text-on-brand:var(--mist-50);

  --border:var(--ink-800);
  --border-strong:var(--ink-700);
  --hairline:rgba(174,197,209,.14);

  --primary:var(--steel-500);
  --primary-hover:var(--steel-400);
  --accent:var(--petrol);
  --secondary:var(--pine-400);
  --focus:var(--steel-400);

  --shadow-1:0 1px 2px rgba(0,0,0,.4);
  --shadow-2:0 8px 22px rgba(0,0,0,.45);
  --shadow-3:0 18px 40px -10px rgba(0,0,0,.6);
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important;}
}

/* ============================================================
   STATIONERY / INVITATION — luxe-light inversion
   For invitations & member artefacts the balance INVERTS:
   light field dominant, navy as ink, seal infused faint.
   Light reads more luxurious & executive than dark here.
   ============================================================ */
:root{
  --field-luxe:radial-gradient(130% 90% at 50% 0%, #FFFFFF 0%, #F4FAFD 42%, #E4EEF6 100%);
  --card-luxe:#FCFEFF;                 /* paper-cool off-white */
  --frame-luxe:rgba(69,103,130,.22);   /* fine inset stationery frame */
  --watermark-tint:rgba(96,133,162,.06); /* seal infused into the field */
  --rule-accent:var(--petrol);         /* the single hairline accent */
}

/* Presentation field — deep navy executive surround for floating light artefacts */
:root{ --field-presentation:linear-gradient(157deg,#143049 0%,#0E2235 46%,#071118 100%); }