/* Bolt, the Zappy Studios design system (version 6). Generated by design/build.mjs from design/tokens.json
   in zappy999/zappystudios and copied into each repo by design/sync.mjs. Don't edit a copy: change tokens.json there. */

:root {
  --bolt-radius-cell: 8px;
  --bolt-radius-control: 14px;
  --bolt-radius-card: 18px;
  --bolt-radius-tray: 30px;
  --bolt-radius-pill: 999px;
  --bolt-icon-small: 16px;
  --bolt-icon-regular: 24px;
  --bolt-space-1: 4px;
  --bolt-space-2: 8px;
  --bolt-space-3: 12px;
  --bolt-space-4: 16px;
  --bolt-space-5: 24px;
  --bolt-space-6: 32px;
  --bolt-space-7: 48px;
  --bolt-space-8: 72px;
  --bolt-gutter: 16px;
  --bolt-compact-wrap: 976px;
  --bolt-compact-gutter: 32px;
  --bolt-compact-gutter-phone: 16px;
  --bolt-compact-headline-max: 64px;
  --bolt-compact-phone-shot: 280px;
  --bolt-compact-phone-edge: 3px;
  --bolt-compact-phone-edge-phone: 2px;
  --bolt-compact-phone-screen-radius: 38px;
  --bolt-compact-phone-screen-radius-phone: 22px;
  --bolt-measure: 60ch;
  --bolt-text-min: 12px;
  --bolt-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --bolt-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --bolt-snappy: 250ms;
  --bolt-smooth: 350ms;
  --bolt-reduced: 150ms;
  --bolt-motion-snappy: 250ms;
  --bolt-motion-smooth: 350ms;
  --bolt-motion-bouncy: 400ms;
  --bolt-motion-appear: 350ms;
  --bolt-motion-press: 150ms;
  --bolt-motion-fade: 150ms;
  --bolt-entrance-rise: 12px;
  --bolt-press-scale: 0.98;
  --bolt-font-sans: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --bolt-font-system: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bolt-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --bolt-studio-display: "Archivo", "Arial Narrow", sans-serif;
  --bolt-platesmith-display: "Big Shoulders Display", "Archivo", "Arial Narrow", sans-serif;
  --bolt-adminroo-display: "Anton", "Impact", "Arial Narrow Bold", sans-serif;
  --bolt-shop-light-paper: #ECEDEA;
  --bolt-shop-light-paper-2: #E2E4E0;
  --bolt-shop-light-card: #F8F8F6;
  --bolt-shop-light-text: #1B1F1E;
  --bolt-shop-light-muted: #4F5654;
  --bolt-shop-light-faint: #5B6260;
  --bolt-shop-light-rule: rgba(27, 31, 30, 0.13);
  --bolt-shop-light-rule-2: rgba(27, 31, 30, 0.24);
  --bolt-shop-light-field: #7D8380;
  --bolt-shop-light-frame: #1B1F1E;
  --bolt-shop-light-shadow: 0 1px 1px rgba(27, 31, 30, 0.04), 0 8px 24px -10px rgba(27, 31, 30, 0.18);
  --bolt-shop-light-shadow-lg: 0 2px 4px rgba(27, 31, 30, 0.05), 0 50px 100px -30px rgba(20, 26, 24, 0.34);
  --bolt-shop-light-grain: 0.55;
  --bolt-shop-light-shadow-button: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 1px 2px rgba(27, 31, 30, 0.16);
  --bolt-shop-dark-paper: #111413;
  --bolt-shop-dark-paper-2: #171B1A;
  --bolt-shop-dark-card: #1B201E;
  --bolt-shop-dark-text: #EEF0EC;
  --bolt-shop-dark-muted: #A9AEAA;
  --bolt-shop-dark-faint: #959A96;
  --bolt-shop-dark-rule: rgba(238, 240, 236, 0.11);
  --bolt-shop-dark-rule-2: rgba(238, 240, 236, 0.22);
  --bolt-shop-dark-field: #6B716E;
  --bolt-shop-dark-frame: #050606;
  --bolt-shop-dark-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 8px 24px -10px rgba(0, 0, 0, 0.6);
  --bolt-shop-dark-shadow-lg: 0 2px 4px rgba(0, 0, 0, 0.4), 0 50px 100px -30px rgba(0, 0, 0, 0.85);
  --bolt-shop-dark-grain: 0.8;
  --bolt-shop-dark-shadow-button: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 1px 2px rgba(0, 0, 0, 0.5);
  --bolt-bench-light-page: #F2F2F7;
  --bolt-bench-light-card: #FFFFFF;
  --bolt-bench-light-card-2: #F2F2F7;
  --bolt-bench-light-fill: #E3E3E8;
  --bolt-bench-light-text: #000000;
  --bolt-bench-light-muted: #5C5C61;
  --bolt-bench-light-faint: #6C6C70;
  --bolt-bench-light-line: #E3E3E8;
  --bolt-bench-light-line-2: #C6C6C8;
  --bolt-bench-light-field: #848489;
  --bolt-bench-light-document: #FFFFFF;
  --bolt-bench-light-muted-high: #48484D;
  --bolt-bench-dark-page: #000000;
  --bolt-bench-dark-card: #1C1C1E;
  --bolt-bench-dark-card-2: #2C2C2E;
  --bolt-bench-dark-fill: #2C2C2E;
  --bolt-bench-dark-text: #FFFFFF;
  --bolt-bench-dark-muted: #AEAEB2;
  --bolt-bench-dark-faint: #98989F;
  --bolt-bench-dark-line: #2C2C2E;
  --bolt-bench-dark-line-2: #48484A;
  --bolt-bench-dark-field: #7C7C80;
  --bolt-bench-dark-document: #F4F4F2;
  --bolt-bench-dark-muted-high: #C7C7CB;
  --bolt-status-light-ok: #1E7A34;
  --bolt-status-light-warning: #9A5B00;
  --bolt-status-light-error: #C0281D;
  --bolt-status-light-info: #0A5BC4;
  --bolt-status-light-ok-text: #18662C;
  --bolt-status-light-warning-text: #814C00;
  --bolt-status-light-error-text: #A52318;
  --bolt-status-light-info-text: #0A55B8;
  --bolt-status-light-error-fill: #C0281D;
  --bolt-status-dark-ok: #30D158;
  --bolt-status-dark-warning: #FF9F0A;
  --bolt-status-dark-error: #FF6961;
  --bolt-status-dark-info: #64A8FF;
  --bolt-status-dark-ok-text: #30D158;
  --bolt-status-dark-warning-text: #FF9F0A;
  --bolt-status-dark-error-text: #FF7A73;
  --bolt-status-dark-info-text: #64A8FF;
  --bolt-status-dark-error-fill: #D7261B;
  --bolt-studio-light-accent: #B25E00;
  --bolt-studio-light-accent-hover: #8F5A00;
  --bolt-studio-light-on-accent: #FFFFFF;
  --bolt-studio-light-accent-text: #8F5A00;
  --bolt-studio-light-accent-wash: rgba(178, 94, 0, 0.1);
  --bolt-studio-dark-accent: #FFD60A;
  --bolt-studio-dark-accent-hover: #FFF4B0;
  --bolt-studio-dark-on-accent: #1B1F1E;
  --bolt-studio-dark-accent-text: #FFD60A;
  --bolt-studio-dark-accent-wash: rgba(255, 214, 10, 0.12);
  --bolt-platesmith-light-accent: #1C7D35;
  --bolt-platesmith-light-accent-hover: #145F29;
  --bolt-platesmith-light-on-accent: #FFFFFF;
  --bolt-platesmith-light-accent-text: #187331;
  --bolt-platesmith-light-accent-wash: rgba(28, 125, 53, 0.1);
  --bolt-platesmith-light-pr: #B25E00;
  --bolt-platesmith-dark-accent: #30D158;
  --bolt-platesmith-dark-accent-hover: #4ADE74;
  --bolt-platesmith-dark-on-accent: #03230C;
  --bolt-platesmith-dark-accent-text: #4BDC72;
  --bolt-platesmith-dark-accent-wash: rgba(48, 209, 88, 0.12);
  --bolt-platesmith-dark-pr: #FFB340;
  --bolt-adminroo-light-accent: #B94A13;
  --bolt-adminroo-light-accent-hover: #A2400F;
  --bolt-adminroo-light-on-accent: #FFFFFF;
  --bolt-adminroo-light-accent-text: #A6410F;
  --bolt-adminroo-light-accent-wash: rgba(185, 74, 19, 0.1);
  --bolt-adminroo-dark-accent: #FF8D4A;
  --bolt-adminroo-dark-accent-hover: #FFA56F;
  --bolt-adminroo-dark-on-accent: #1B1F1E;
  --bolt-adminroo-dark-accent-text: #FF9A5C;
  --bolt-adminroo-dark-accent-wash: rgba(255, 141, 74, 0.12);
  --bolt-ink-paper: #1B1F1E;
  --bolt-ink-paper-2: #222726;
  --bolt-ink-card: #252B29;
  --bolt-ink-text: #EEF0EC;
  --bolt-ink-muted: #B0B5B1;
  --bolt-ink-faint: #9A9F9B;
  --bolt-ink-rule: rgba(238, 240, 236, 0.12);
  --bolt-ink-rule-2: rgba(238, 240, 236, 0.24);
  --bolt-ink-field: #727875;
  --bolt-shop-paper: var(--bolt-shop-light-paper);
  --bolt-shop-paper-2: var(--bolt-shop-light-paper-2);
  --bolt-shop-card: var(--bolt-shop-light-card);
  --bolt-shop-text: var(--bolt-shop-light-text);
  --bolt-shop-muted: var(--bolt-shop-light-muted);
  --bolt-shop-faint: var(--bolt-shop-light-faint);
  --bolt-shop-rule: var(--bolt-shop-light-rule);
  --bolt-shop-rule-2: var(--bolt-shop-light-rule-2);
  --bolt-shop-field: var(--bolt-shop-light-field);
  --bolt-shop-frame: var(--bolt-shop-light-frame);
  --bolt-shop-shadow: var(--bolt-shop-light-shadow);
  --bolt-shop-shadow-lg: var(--bolt-shop-light-shadow-lg);
  --bolt-shop-grain: var(--bolt-shop-light-grain);
  --bolt-shop-shadow-button: var(--bolt-shop-light-shadow-button);
  --bolt-bench-page: var(--bolt-bench-light-page);
  --bolt-bench-card: var(--bolt-bench-light-card);
  --bolt-bench-card-2: var(--bolt-bench-light-card-2);
  --bolt-bench-fill: var(--bolt-bench-light-fill);
  --bolt-bench-text: var(--bolt-bench-light-text);
  --bolt-bench-muted: var(--bolt-bench-light-muted);
  --bolt-bench-faint: var(--bolt-bench-light-faint);
  --bolt-bench-line: var(--bolt-bench-light-line);
  --bolt-bench-line-2: var(--bolt-bench-light-line-2);
  --bolt-bench-field: var(--bolt-bench-light-field);
  --bolt-bench-document: var(--bolt-bench-light-document);
  --bolt-bench-muted-high: var(--bolt-bench-light-muted-high);
  --bolt-status-ok: var(--bolt-status-light-ok);
  --bolt-status-warning: var(--bolt-status-light-warning);
  --bolt-status-error: var(--bolt-status-light-error);
  --bolt-status-info: var(--bolt-status-light-info);
  --bolt-status-ok-text: var(--bolt-status-light-ok-text);
  --bolt-status-warning-text: var(--bolt-status-light-warning-text);
  --bolt-status-error-text: var(--bolt-status-light-error-text);
  --bolt-status-info-text: var(--bolt-status-light-info-text);
  --bolt-status-error-fill: var(--bolt-status-light-error-fill);
  --bolt-studio-accent: var(--bolt-studio-light-accent);
  --bolt-studio-accent-hover: var(--bolt-studio-light-accent-hover);
  --bolt-studio-on-accent: var(--bolt-studio-light-on-accent);
  --bolt-studio-accent-text: var(--bolt-studio-light-accent-text);
  --bolt-studio-accent-wash: var(--bolt-studio-light-accent-wash);
  --bolt-platesmith-accent: var(--bolt-platesmith-light-accent);
  --bolt-platesmith-accent-hover: var(--bolt-platesmith-light-accent-hover);
  --bolt-platesmith-on-accent: var(--bolt-platesmith-light-on-accent);
  --bolt-platesmith-accent-text: var(--bolt-platesmith-light-accent-text);
  --bolt-platesmith-accent-wash: var(--bolt-platesmith-light-accent-wash);
  --bolt-platesmith-pr: var(--bolt-platesmith-light-pr);
  --bolt-adminroo-accent: var(--bolt-adminroo-light-accent);
  --bolt-adminroo-accent-hover: var(--bolt-adminroo-light-accent-hover);
  --bolt-adminroo-on-accent: var(--bolt-adminroo-light-on-accent);
  --bolt-adminroo-accent-text: var(--bolt-adminroo-light-accent-text);
  --bolt-adminroo-accent-wash: var(--bolt-adminroo-light-accent-wash);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bolt-shop-paper: var(--bolt-shop-dark-paper);
    --bolt-shop-paper-2: var(--bolt-shop-dark-paper-2);
    --bolt-shop-card: var(--bolt-shop-dark-card);
    --bolt-shop-text: var(--bolt-shop-dark-text);
    --bolt-shop-muted: var(--bolt-shop-dark-muted);
    --bolt-shop-faint: var(--bolt-shop-dark-faint);
    --bolt-shop-rule: var(--bolt-shop-dark-rule);
    --bolt-shop-rule-2: var(--bolt-shop-dark-rule-2);
    --bolt-shop-field: var(--bolt-shop-dark-field);
    --bolt-shop-frame: var(--bolt-shop-dark-frame);
    --bolt-shop-shadow: var(--bolt-shop-dark-shadow);
    --bolt-shop-shadow-lg: var(--bolt-shop-dark-shadow-lg);
    --bolt-shop-grain: var(--bolt-shop-dark-grain);
    --bolt-shop-shadow-button: var(--bolt-shop-dark-shadow-button);
    --bolt-bench-page: var(--bolt-bench-dark-page);
    --bolt-bench-card: var(--bolt-bench-dark-card);
    --bolt-bench-card-2: var(--bolt-bench-dark-card-2);
    --bolt-bench-fill: var(--bolt-bench-dark-fill);
    --bolt-bench-text: var(--bolt-bench-dark-text);
    --bolt-bench-muted: var(--bolt-bench-dark-muted);
    --bolt-bench-faint: var(--bolt-bench-dark-faint);
    --bolt-bench-line: var(--bolt-bench-dark-line);
    --bolt-bench-line-2: var(--bolt-bench-dark-line-2);
    --bolt-bench-field: var(--bolt-bench-dark-field);
    --bolt-bench-document: var(--bolt-bench-dark-document);
    --bolt-bench-muted-high: var(--bolt-bench-dark-muted-high);
    --bolt-status-ok: var(--bolt-status-dark-ok);
    --bolt-status-warning: var(--bolt-status-dark-warning);
    --bolt-status-error: var(--bolt-status-dark-error);
    --bolt-status-info: var(--bolt-status-dark-info);
    --bolt-status-ok-text: var(--bolt-status-dark-ok-text);
    --bolt-status-warning-text: var(--bolt-status-dark-warning-text);
    --bolt-status-error-text: var(--bolt-status-dark-error-text);
    --bolt-status-info-text: var(--bolt-status-dark-info-text);
    --bolt-status-error-fill: var(--bolt-status-dark-error-fill);
    --bolt-studio-accent: var(--bolt-studio-dark-accent);
    --bolt-studio-accent-hover: var(--bolt-studio-dark-accent-hover);
    --bolt-studio-on-accent: var(--bolt-studio-dark-on-accent);
    --bolt-studio-accent-text: var(--bolt-studio-dark-accent-text);
    --bolt-studio-accent-wash: var(--bolt-studio-dark-accent-wash);
    --bolt-platesmith-accent: var(--bolt-platesmith-dark-accent);
    --bolt-platesmith-accent-hover: var(--bolt-platesmith-dark-accent-hover);
    --bolt-platesmith-on-accent: var(--bolt-platesmith-dark-on-accent);
    --bolt-platesmith-accent-text: var(--bolt-platesmith-dark-accent-text);
    --bolt-platesmith-accent-wash: var(--bolt-platesmith-dark-accent-wash);
    --bolt-platesmith-pr: var(--bolt-platesmith-dark-pr);
    --bolt-adminroo-accent: var(--bolt-adminroo-dark-accent);
    --bolt-adminroo-accent-hover: var(--bolt-adminroo-dark-accent-hover);
    --bolt-adminroo-on-accent: var(--bolt-adminroo-dark-on-accent);
    --bolt-adminroo-accent-text: var(--bolt-adminroo-dark-accent-text);
    --bolt-adminroo-accent-wash: var(--bolt-adminroo-dark-accent-wash);
  }
}

:root[data-theme="dark"] {
  --bolt-shop-paper: var(--bolt-shop-dark-paper);
  --bolt-shop-paper-2: var(--bolt-shop-dark-paper-2);
  --bolt-shop-card: var(--bolt-shop-dark-card);
  --bolt-shop-text: var(--bolt-shop-dark-text);
  --bolt-shop-muted: var(--bolt-shop-dark-muted);
  --bolt-shop-faint: var(--bolt-shop-dark-faint);
  --bolt-shop-rule: var(--bolt-shop-dark-rule);
  --bolt-shop-rule-2: var(--bolt-shop-dark-rule-2);
  --bolt-shop-field: var(--bolt-shop-dark-field);
  --bolt-shop-frame: var(--bolt-shop-dark-frame);
  --bolt-shop-shadow: var(--bolt-shop-dark-shadow);
  --bolt-shop-shadow-lg: var(--bolt-shop-dark-shadow-lg);
  --bolt-shop-grain: var(--bolt-shop-dark-grain);
  --bolt-shop-shadow-button: var(--bolt-shop-dark-shadow-button);
  --bolt-bench-page: var(--bolt-bench-dark-page);
  --bolt-bench-card: var(--bolt-bench-dark-card);
  --bolt-bench-card-2: var(--bolt-bench-dark-card-2);
  --bolt-bench-fill: var(--bolt-bench-dark-fill);
  --bolt-bench-text: var(--bolt-bench-dark-text);
  --bolt-bench-muted: var(--bolt-bench-dark-muted);
  --bolt-bench-faint: var(--bolt-bench-dark-faint);
  --bolt-bench-line: var(--bolt-bench-dark-line);
  --bolt-bench-line-2: var(--bolt-bench-dark-line-2);
  --bolt-bench-field: var(--bolt-bench-dark-field);
  --bolt-bench-document: var(--bolt-bench-dark-document);
  --bolt-bench-muted-high: var(--bolt-bench-dark-muted-high);
  --bolt-status-ok: var(--bolt-status-dark-ok);
  --bolt-status-warning: var(--bolt-status-dark-warning);
  --bolt-status-error: var(--bolt-status-dark-error);
  --bolt-status-info: var(--bolt-status-dark-info);
  --bolt-status-ok-text: var(--bolt-status-dark-ok-text);
  --bolt-status-warning-text: var(--bolt-status-dark-warning-text);
  --bolt-status-error-text: var(--bolt-status-dark-error-text);
  --bolt-status-info-text: var(--bolt-status-dark-info-text);
  --bolt-status-error-fill: var(--bolt-status-dark-error-fill);
  --bolt-studio-accent: var(--bolt-studio-dark-accent);
  --bolt-studio-accent-hover: var(--bolt-studio-dark-accent-hover);
  --bolt-studio-on-accent: var(--bolt-studio-dark-on-accent);
  --bolt-studio-accent-text: var(--bolt-studio-dark-accent-text);
  --bolt-studio-accent-wash: var(--bolt-studio-dark-accent-wash);
  --bolt-platesmith-accent: var(--bolt-platesmith-dark-accent);
  --bolt-platesmith-accent-hover: var(--bolt-platesmith-dark-accent-hover);
  --bolt-platesmith-on-accent: var(--bolt-platesmith-dark-on-accent);
  --bolt-platesmith-accent-text: var(--bolt-platesmith-dark-accent-text);
  --bolt-platesmith-accent-wash: var(--bolt-platesmith-dark-accent-wash);
  --bolt-platesmith-pr: var(--bolt-platesmith-dark-pr);
  --bolt-adminroo-accent: var(--bolt-adminroo-dark-accent);
  --bolt-adminroo-accent-hover: var(--bolt-adminroo-dark-accent-hover);
  --bolt-adminroo-on-accent: var(--bolt-adminroo-dark-on-accent);
  --bolt-adminroo-accent-text: var(--bolt-adminroo-dark-accent-text);
  --bolt-adminroo-accent-wash: var(--bolt-adminroo-dark-accent-wash);
}