/* ============================================================
   Samah V2 — BLUEPRINT identity tokens  (LOCKED ##522)
   Shared, verbatim, across all five style samples.
   Source of truth: outputs/site-v2/identity/index.html (verified ##520).
   The identity (color + type) is fixed here so the only variable
   between the five samples is the PAGE STYLE. Do not edit per page.
   ============================================================ */

:root{
  /* Blueprint — light (default) */
  --bg:#EDF2F7;      /* cool blue-grey field   */
  --ink:#0D1A2D;     /* Prussian navy ink      */
  --muted:#4A5E75;   /* slate, secondary text  */
  --rule:#BDC9D8;    /* hairline rules         */
  --signal:#E05C2A;  /* sienna — GAP ONLY      */

  --display:'Archivo', sans-serif;        /* expanded display: font-variation-settings:'wdth' 118,'wght' 760 */
  --text:'Schibsted Grotesk', sans-serif; /* body / running text */
  --mono:'Martian Mono', ui-monospace, SFMono-Regular, Menlo, monospace; /* labels, numbers, metadata */
}

[data-theme="dark"]{
  /* Blueprint — dark */
  --bg:#0D1A2D;
  --ink:#D8E8F2;
  --muted:#6E8CA8;
  --rule:#1E3047;
  --signal:#FF7140;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* helpers every style may use */
.signal{color:var(--signal)}
.mono{font-family:var(--mono)}
.display{font-family:var(--display)}
.x-display{font-family:var(--display);font-variation-settings:'wdth' 118,'wght' 760}

/* shared theme toggle chip (each page may restyle position) */
.theme-toggle{
  font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;
  cursor:pointer;background:transparent;color:var(--ink);border:1px solid var(--rule);
  border-radius:2px;padding:.34rem .7rem;opacity:.7;
}
.theme-toggle:hover{opacity:1;border-color:var(--ink)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}