/* Auckland Creative brand tokens. Generated from tokens.json; edit that, not this. */
@font-face { font-family: "Funnel Display"; src: url("fonts/FunnelDisplay-Variable.woff2") format("woff2"); font-weight: 300 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Funnel Sans"; src: url("fonts/FunnelSans-Variable.woff2") format("woff2"); font-weight: 300 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Funnel Sans"; src: url("fonts/FunnelSans-Italic-Variable.woff2") format("woff2"); font-weight: 300 800; font-style: italic; font-display: swap; }
@font-face { font-family: "Spline Sans Mono"; src: url("fonts/SplineSansMono-Variable.woff2") format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; }
:root {
  --sheet: #f6f5f1;
  --surface: #ffffff;
  --wash: #dde2fb;
  --rule: #dcdad3;
  --setting-out: #2a42d81a;
  --ink: #15161a;
  --graphite: #595b61;
  --blue: #2a42d8;
  --blue-deep: #1e32b0;
  --on-blue: #ffffff;
  --pohutukawa: #d93a22;
  --on-pohutukawa: #ffffff;
  --blue-on-band: #8e9bff;
  --on-band: #f6f5f1;
  --band: #15161a;
  --focus-ring: var(--blue);
  --shadow-window: 0 24px 48px -28px rgba(21,22,26,0.45);
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --sheet: #111215;
  --surface: #1a1c21;
  --wash: #1e2547;
  --rule: #2e3038;
  --setting-out: #8e9bff1a;
  --ink: #f2f1ec;
  --graphite: #a9abb2;
  --blue: #8e9bff;
  --blue-deep: #b3bcff;
  --on-blue: #111215;
  --pohutukawa: #ff6a4d;
  --on-pohutukawa: #111215;
  --blue-on-band: #8e9bff;
  --on-band: #f6f5f1;
  --band: #1a1c21;
  --shadow-window: 0 24px 48px -24px rgba(0,0,0,0.7);
  color-scheme: dark;
} }
:root[data-theme="dark"] {
  --sheet: #111215;
  --surface: #1a1c21;
  --wash: #1e2547;
  --rule: #2e3038;
  --setting-out: #8e9bff1a;
  --ink: #f2f1ec;
  --graphite: #a9abb2;
  --blue: #8e9bff;
  --blue-deep: #b3bcff;
  --on-blue: #111215;
  --pohutukawa: #ff6a4d;
  --on-pohutukawa: #111215;
  --blue-on-band: #8e9bff;
  --on-band: #f6f5f1;
  --band: #1a1c21;
  --shadow-window: 0 24px 48px -24px rgba(0,0,0,0.7);
  color-scheme: dark;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-tag: 6px;
  --radius-control: 10px;
  --radius-window: 14px;
  --radius-card: 20px;
  --radius-round: 999px;
  --line-hair: 1px;
  --line-tail: 5px;
  --line-frame: 8px;
  --font-display: "Funnel Display", "Funnel Sans", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Funnel Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Spline Sans Mono", ui-monospace, Menlo, Consolas, monospace;
}