/*
 * GENERATED FROM tokens.json — DO NOT EDIT BY HAND.
 * Edit packages/tokens/tokens.json, run the build, commit both.
 * Changing a colour here and not there is how the app ships one amber and the
 * App Store screenshots show another.
 */

:root {
  --pn-bg: #FAF7F3;
  --pn-surface: #FFFFFF;
  --pn-surface-alt: #FDF2E4;
  --pn-border: #E6DFD6;
  --pn-border-strong: #958E85;
  --pn-text: #1B2030;
  --pn-text-secondary: #3C4457;
  --pn-text-muted: #697183;
  --pn-text-faint: #888F9F;
  --pn-accent: #9A5410;
  --pn-accent-strong: #B0620E;
  --pn-on-accent: #FFFFFF;
  --pn-shift: #2F5496;
  --pn-shift-surface: #E4EBF7;
  --pn-nap: #7A5A34;
  --pn-risk: #A33418;
  --pn-risk-surface: #FDEBE6;
  --pn-risk-border: #E8B3A4;
  --pn-space-0: 0px;
  --pn-space-1: 4px;
  --pn-space-2: 8px;
  --pn-space-3: 12px;
  --pn-space-4: 16px;
  --pn-space-5: 20px;
  --pn-space-6: 24px;
  --pn-space-8: 32px;
  --pn-space-10: 40px;
  --pn-space-12: 48px;
  --pn-radius-sm: 6px;
  --pn-radius-md: 10px;
  --pn-radius-lg: 14px;
  --pn-radius-pill: 999px;
  --pn-font-xs: 11px;
  --pn-font-sm: 13px;
  --pn-font-base: 15px;
  --pn-font-lg: 17px;
  --pn-font-xl: 20px;
  --pn-font-2xl: 25px;
  --pn-font-3xl: 31px;
  --pn-font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --pn-font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --pn-bg: #0F1421;
    --pn-surface: #171C2A;
    --pn-surface-alt: #1E2637;
    --pn-border: #242C3E;
    --pn-border-strong: #5F6E8D;
    --pn-text: #E8EAF0;
    --pn-text-secondary: #C3CAD9;
    --pn-text-muted: #8D96AC;
    --pn-text-faint: #5E6880;
    --pn-accent: #EDA155;
    --pn-accent-strong: #C97620;
    --pn-on-accent: #0F1421;
    --pn-shift: #7C9BDA;
    --pn-shift-surface: #233250;
    --pn-nap: #8A6B4A;
    --pn-risk: #E8705A;
    --pn-risk-surface: #231410;
    --pn-risk-border: #5A2E24;
  }
}

:root[data-theme="dark"] {
  --pn-bg: #0F1421;
  --pn-surface: #171C2A;
  --pn-surface-alt: #1E2637;
  --pn-border: #242C3E;
  --pn-border-strong: #5F6E8D;
  --pn-text: #E8EAF0;
  --pn-text-secondary: #C3CAD9;
  --pn-text-muted: #8D96AC;
  --pn-text-faint: #5E6880;
  --pn-accent: #EDA155;
  --pn-accent-strong: #C97620;
  --pn-on-accent: #0F1421;
  --pn-shift: #7C9BDA;
  --pn-shift-surface: #233250;
  --pn-nap: #8A6B4A;
  --pn-risk: #E8705A;
  --pn-risk-surface: #231410;
  --pn-risk-border: #5A2E24;
}