/* Pathfinder tokens — generated from the Pathfinder Design System tokens.json. Edit there, regenerate here. */
:root {
  color-scheme: light;
  --color-bg: #f3f2f2;
  --color-surface: #eae9e9;
  --color-text: #201e1d;
  --color-divider: #d1d0d0;
  --color-accent: #0088b0;
  --color-accent-2: #d6006c;
  --color-process-yellow: #edbb00;
  --color-neutral-100: #f8f4f4;
  --color-neutral-200: #eae7e7;
  --color-neutral-300: #d7d3d3;
  --color-neutral-400: #bab6b6;
  --color-neutral-500: #9b9797;
  --color-neutral-600: #7d7979;
  --color-neutral-700: #605d5d;
  --color-neutral-800: #444141;
  --color-neutral-900: #2d2b2b;
  --color-accent-100: #e9f8ff;
  --color-accent-200: #cbeeff;
  --color-accent-300: #99e0ff;
  --color-accent-400: #62c5ee;
  --color-accent-500: #38a6cf;
  --color-accent-600: #1186ac;
  --color-accent-700: #006786;
  --color-accent-800: #004961;
  --color-accent-900: #0a303e;
  --color-accent-2-100: #fff1f4;
  --color-accent-2-800: #790e3d;
  --pf-ddl: #d7263d;
  --pf-match: #1f8a4c;
  --pf-big: #6e44ff;
  --pf-easy: #1c7ed6;
  --pf-warn: #f5a524;
  --pf-muted: var(--color-neutral-700);
  --pf-line: var(--color-divider);
  --space-1: 5px;
  --space-2: 10px;
  --space-3: 15px;
  --space-4: 20px;
  --space-6: 30px;
  --space-8: 40px;
  --radius-sm: 1px;
  --radius-md: 2px;
  --radius-lg: 4px;
  --radius-pill: 999px;
  --duration-fast: 150ms;
  --easing-standard: ease-out;
  --shadow-sm: 0 1px 2px rgba(45,43,43,0.14);
  --shadow-md: 0 3px 10px rgba(45,43,43,0.16);
  --shadow-lg: 0 12px 32px rgba(45,43,43,0.22);
  --font-heading: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-body: "Source Serif 4", Georgia, "Times New Roman", serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-bg: #131316;
    --color-surface: #1c1c21;
    --color-text: #edece7;
    --color-divider: #2a2a31;
    --color-accent: #38a6cf;
    --color-accent-2: #ff458e;
    --color-process-yellow: #edbb00;
    --color-neutral-100: #1f1f24;
    --color-neutral-200: #26262c;
    --color-neutral-300: #33333a;
    --color-neutral-400: #4a4a52;
    --color-neutral-500: #7e7d86;
    --color-neutral-600: #8e8d96;
    --color-neutral-700: #a6a5ad;
    --color-neutral-800: #c9c8cf;
    --color-neutral-900: #e0dfe6;
    --color-accent-100: #0a303e;
    --color-accent-200: #004961;
    --color-accent-300: #006786;
    --color-accent-400: #1186ac;
    --color-accent-500: #38a6cf;
    --color-accent-600: #62c5ee;
    --color-accent-700: #99e0ff;
    --color-accent-800: #cbeeff;
    --color-accent-900: #e9f8ff;
    --color-accent-2-100: #4b1528;
    --color-accent-2-800: #ffdee6;
    --pf-ddl: #e8506a;
    --pf-match: #3ba968;
    --pf-big: #8f6cff;
    --pf-easy: #4a9be6;
    --pf-warn: #f7b84e;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.5);
    --shadow-md: 0 3px 10px rgba(0,0,0,0.55);
    --shadow-lg: 0 12px 32px rgba(0,0,0,0.65);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #131316;
  --color-surface: #1c1c21;
  --color-text: #edece7;
  --color-divider: #2a2a31;
  --color-accent: #38a6cf;
  --color-accent-2: #ff458e;
  --color-process-yellow: #edbb00;
  --color-neutral-100: #1f1f24;
  --color-neutral-200: #26262c;
  --color-neutral-300: #33333a;
  --color-neutral-400: #4a4a52;
  --color-neutral-500: #7e7d86;
  --color-neutral-600: #8e8d96;
  --color-neutral-700: #a6a5ad;
  --color-neutral-800: #c9c8cf;
  --color-neutral-900: #e0dfe6;
  --color-accent-100: #0a303e;
  --color-accent-200: #004961;
  --color-accent-300: #006786;
  --color-accent-400: #1186ac;
  --color-accent-500: #38a6cf;
  --color-accent-600: #62c5ee;
  --color-accent-700: #99e0ff;
  --color-accent-800: #cbeeff;
  --color-accent-900: #e9f8ff;
  --color-accent-2-100: #4b1528;
  --color-accent-2-800: #ffdee6;
  --pf-ddl: #e8506a;
  --pf-match: #3ba968;
  --pf-big: #8f6cff;
  --pf-easy: #4a9be6;
  --pf-warn: #f7b84e;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.5);
  --shadow-md: 0 3px 10px rgba(0,0,0,0.55);
  --shadow-lg: 0 12px 32px rgba(0,0,0,0.65);
}