/* Jetspray design tokens — palette lifted from the 1960s brochures:
   magenta-red ink, black wordmark, cream stock, shop-green paint. */
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");

:root {
  --ink: #161514;
  --ink-2: #3b3936;
  --ink-3: #6b6762;
  --paper: #f4efe4;
  --paper-2: #e9e1d0;
  --card: #fbf8f2;
  --line: #d6cdb9;
  --red: #d22a4b;          /* brochure magenta-red */
  --red-ink: #a61d39;
  --green: #35503f;        /* shop-green paint */
  --green-2: #4f6e5a;
  --amber: #e6a23c;        /* mailer orange-gold */
  --focus: #2563eb;

  --f-display: "Oswald", "Arial Narrow", sans-serif;
  --f-body: "Inter", system-ui, -apple-system, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, monospace;

  --radius: 6px;
  --shadow: 0 1px 2px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.08);
  --max: 1180px;
  --gutter: clamp(16px, 4vw, 40px);
}

:root[data-theme="dark"] { color-scheme: dark; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink: #f1ece2; --ink-2: #cfc8bb; --ink-3: #9a9388;
    --paper: #151413; --paper-2: #1e1c1a; --card: #1f1d1b; --line: #36322d;
    --red: #ee4a68; --red-ink: #ff7b92; --green: #6f9a7f; --green-2: #8db59b;
    --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.35);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --ink: #f1ece2; --ink-2: #cfc8bb; --ink-3: #9a9388;
  --paper: #151413; --paper-2: #1e1c1a; --card: #1f1d1b; --line: #36322d;
  --red: #ee4a68; --red-ink: #ff7b92; --green: #6f9a7f; --green-2: #8db59b;
  --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.35);
}