/* IMG identity tokens. Generated by tokens-build from img-tokens-v1.0.json. Do not edit by hand.
   Dark (charcoal paper) is the default; set data-theme="light" or "dark" on <html> to force a theme,
   otherwise the visitor's system preference chooses. WS10, #179. */

:root {
  --img-font-display: "Archivo", "Arial Narrow", Arial, sans-serif;
  --img-font-body: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --img-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --img-font-google-css: https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,400..800&family=JetBrains+Mono:wght@400;600&display=swap;
  --img-weight-regular: 400;
  --img-weight-medium: 500;
  --img-weight-semibold: 600;
  --img-weight-bold: 700;
  --img-weight-display: 800;
  --img-width-body: 100;
  --img-width-display: 112;
  --img-text-2xs: 11px;
  --img-text-xs: 12px;
  --img-text-sm: 14px;
  --img-text-md: 16px;
  --img-text-lg: 18px;
  --img-text-xl: 22px;
  --img-text-2xl: 28px;
  --img-text-3xl: 36px;
  --img-text-4xl: 48px;
  --img-text-5xl: 64px;
  --img-leading-tight: 1.04;
  --img-leading-snug: 1.25;
  --img-leading-body: 1.6;
  --img-tracking-display: 0.03em;
  --img-tracking-label: 0.1em;
  --img-tracking-body: 0;
  --img-space-1: 4px;
  --img-space-2: 8px;
  --img-space-3: 12px;
  --img-space-4: 16px;
  --img-space-5: 20px;
  --img-space-6: 24px;
  --img-space-8: 32px;
  --img-space-10: 40px;
  --img-space-12: 48px;
  --img-space-16: 64px;
  --img-radius-sm: 4px;
  --img-radius-md: 6px;
  --img-radius-lg: 10px;
  --img-radius-pill: 999px;
  --img-motion-fast: 120ms;
  --img-motion-base: 200ms;
  --img-motion-slow: 320ms;
  --img-motion-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --img-grain-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .47 0 0 0 0 .42 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --img-grain-size: 180px;
  --img-brand-amber: #FFB000;
  --img-brand-mark-ink: #1A1300;
  --img-stone-0: #FAF9F5;
  --img-stone-50: #F1EFE9;
  --img-stone-100: #E7E4DC;
  --img-stone-200: #D9D6CC;
  --img-stone-300: #BDBAB0;
  --img-stone-400: #8F8D86;
  --img-stone-500: #6F6D66;
  --img-stone-600: #5F5E58;
  --img-stone-700: #3A3934;
  --img-stone-800: #2C2B27;
  --img-stone-850: #22221F;
  --img-stone-900: #1A1A17;
  --img-stone-950: #121210;
  --img-stone-ink: #EBE9E2;
  --img-amber-50: #FFF4D6;
  --img-amber-100: #FFE6A3;
  --img-amber-300: #FFC94D;
  --img-amber-500: #FFB000;
  --img-amber-600: #D99500;
  --img-amber-700: #8F5400;
  --img-amber-900: #1A1300;
}

:root,
[data-theme="dark"] {
  --img-color-bg: #121210;
  --img-color-surface: #1A1A17;
  --img-color-raised: #22221F;
  --img-color-line: #2C2B27;
  --img-color-line-strong: #3A3934;
  --img-color-text: #EBE9E2;
  --img-color-muted: #8F8D86;
  --img-color-signal: #FFB000;
  --img-color-signal-text: #FFB000;
  --img-color-on-signal: #1A1300;
  --img-color-focus: #FFC94D;
  --img-color-chart-up: #8BE3BD;
  --img-color-chart-down: #FFAAA8;
  --img-result-good-fg: #8BE3BD;
  --img-result-good-bg: #17332E;
  --img-result-caution-fg: #F2EAA6;
  --img-result-caution-bg: #2C2A1B;
  --img-result-warn-fg: #F5BD5C;
  --img-result-warn-bg: #3B2A14;
  --img-result-bad-fg: #FFAAA8;
  --img-result-bad-bg: #3D1D20;
  --img-result-neutral-fg: #EBE9E2;
  --img-result-neutral-bg: #22221F;
  --img-effect-sheet: 0 1px 0 rgba(255, 255, 255, 0.03), 0 14px 30px -18px rgba(0, 0, 0, 0.7);
  --img-effect-grain-opacity: 0.16;
  --img-effect-grain-blend: screen;
  color-scheme: dark;
}

[data-theme="light"] {
  --img-color-bg: #F1EFE9;
  --img-color-surface: #FAF9F5;
  --img-color-raised: #E7E4DC;
  --img-color-line: #D9D6CC;
  --img-color-line-strong: #BDBAB0;
  --img-color-text: #1A1A17;
  --img-color-muted: #5F5E58;
  --img-color-signal: #FFB000;
  --img-color-signal-text: #8F5400;
  --img-color-on-signal: #1A1300;
  --img-color-focus: #8F5400;
  --img-color-chart-up: #116344;
  --img-color-chart-down: #A52D35;
  --img-result-good-fg: #116344;
  --img-result-good-bg: #E6F5ED;
  --img-result-caution-fg: #5C5300;
  --img-result-caution-bg: #FBF6D3;
  --img-result-warn-fg: #7A4300;
  --img-result-warn-bg: #FFE6BF;
  --img-result-bad-fg: #A52D35;
  --img-result-bad-bg: #FDE7E6;
  --img-result-neutral-fg: #1A1A17;
  --img-result-neutral-bg: #E7E4DC;
  --img-effect-sheet: 0 1px 0 rgba(60, 50, 30, 0.06), 0 14px 30px -18px rgba(60, 50, 30, 0.35);
  --img-effect-grain-opacity: 0.22;
  --img-effect-grain-blend: multiply;
  color-scheme: light;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --img-color-bg: #F1EFE9;
    --img-color-surface: #FAF9F5;
    --img-color-raised: #E7E4DC;
    --img-color-line: #D9D6CC;
    --img-color-line-strong: #BDBAB0;
    --img-color-text: #1A1A17;
    --img-color-muted: #5F5E58;
    --img-color-signal: #FFB000;
    --img-color-signal-text: #8F5400;
    --img-color-on-signal: #1A1300;
    --img-color-focus: #8F5400;
    --img-color-chart-up: #116344;
    --img-color-chart-down: #A52D35;
    --img-result-good-fg: #116344;
    --img-result-good-bg: #E6F5ED;
    --img-result-caution-fg: #5C5300;
    --img-result-caution-bg: #FBF6D3;
    --img-result-warn-fg: #7A4300;
    --img-result-warn-bg: #FFE6BF;
    --img-result-bad-fg: #A52D35;
    --img-result-bad-bg: #FDE7E6;
    --img-result-neutral-fg: #1A1A17;
    --img-result-neutral-bg: #E7E4DC;
    --img-effect-sheet: 0 1px 0 rgba(60, 50, 30, 0.06), 0 14px 30px -18px rgba(60, 50, 30, 0.35);
    --img-effect-grain-opacity: 0.22;
    --img-effect-grain-blend: multiply;
    color-scheme: light;
  }
}