/* PikSel creative studio. Shared light/dark tokens; all text contrasts are tested.
   Light is the brand default. The footer switch offers a page-local dark appearance.
   --brass is retained as a decorative border token for the existing evidence pages. */
:root {
  color-scheme: light dark;

  --paper: #fafaf7;
  --surface: #ffffff;
  --ink: #111c18;
  --ink-2: #626b65;
  --hairline: #dfe5df;
  --seal: #125b46;

  --brass: #d4ded6;

  --font-display:
    "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body:
    "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2.5rem;
  --s-7: 4rem;
  --s-8: 6.5rem;

  --measure: 68ch;
  --page: 82rem;
}

@font-face {
  font-family: "Instrument Serif";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/instrument-serif-normal-400.woff2") format("woff2");
}

@font-face {
  font-family: "Instrument Serif";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/instrument-serif-italic-400.woff2") format("woff2");
}

@font-face {
  font-family: "Inter Tight";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/assets/fonts/inter-tight-variable.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/ibm-plex-mono-400.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/ibm-plex-mono-500.woff2") format("woff2");
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #111c18;
    --surface: #1b2923;
    --ink: #fafaf7;
    --ink-2: #bac5be;
    --hairline: #34473c;
    --seal: #a4e4c4;
    --brass: #486c57;
  }
}

:root[data-theme="dark"] {
  --paper: #111c18;
  --surface: #1b2923;
  --ink: #fafaf7;
  --ink-2: #bac5be;
  --hairline: #34473c;
  --seal: #a4e4c4;
  --brass: #486c57;
}

:root {
  --mint: #eef3ed;
  --forest: #103e31;
  --on-forest: #f7faf5;
  --muted-forest: #c6d9ce;
  --coral: #f36940;
  --on-image: #ffffff;
  --image-shade: #10231d;
  --error: #af3025;
  --radius: 18px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --mint: #22382d;
    --error: #ffae9f;
  }
}
:root[data-theme="dark"] {
  --mint: #22382d;
  --error: #ffae9f;
}

:root[data-theme="light"] {
  color-scheme: light;
}
:root[data-theme="dark"] {
  color-scheme: dark;
}