/* GENERATED by Capstone/tools/gen-qs-tokens.js from tests/fixtures/qs-design-proposed.js. Do not edit. */

:root,
:root[data-theme="light"] {
  color-scheme: light;
  --acc-catalog: #2594D2;
  --acc-catalog-text: #1D73A4;
  --acc-catalog-wash: #E9F4FA;
  --acc-discover: #8A4781;
  --acc-discover-text: #8A4781;
  --acc-discover-wash: #F3EDF2;
  --acc-events: #68A24F;
  --acc-events-text: #4E793B;
  --acc-events-wash: #F0F6ED;
  --acc-now: #DF3281;
  --acc-now-text: #CA206D;
  --acc-now-wash: #FCEAF2;
  --acc-way: #F6A320;
  --acc-way-text: #9C640C;
  --acc-way-wash: #FEF6E9;
  --bg: #F4F8FB;
  --card: #FFFFFF;
  --chrome: #29374D;
  --cover-1: #2F5D8A;
  --cover-2: #6D3A63;
  --cover-3: #4E7F3B;
  --cover-4: #9E6A15;
  --cover-5: #29374D;
  --cover-6: #8A4781;
  --cover-7: #2A7C86;
  --cover-8: #9B3220;
  --cover-9: #3F5A46;
  --danger: #B91C1C;
  --fg: #29374D;
  --focus: #2C74A6;
  --focus-on-chrome: #FFFFFF;
  --line: #D5E3ED;
  --line-strong: #7A8899;
  --muted: #646E7D;
  --on-chrome: #FFFFFF;
  --on-cover: #FFFFFF;
  --on-primary: #FFFFFF;
  --primary: #2B71A2;
  --primary-soft: #EAF1F6;
  --success: #4C7C3A;
  --warning: #9C640C;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --acc-catalog: #2594D2;
  --acc-catalog-text: #2594D2;
  --acc-catalog-wash: #13263A;
  --acc-discover: #8A4781;
  --acc-discover-text: #B772AD;
  --acc-discover-wash: #261A27;
  --acc-events: #68A24F;
  --acc-events-text: #68A24F;
  --acc-events-wash: #1B2A1D;
  --acc-now: #DF3281;
  --acc-now-text: #E45596;
  --acc-now-wash: #2E1722;
  --acc-way: #F6A320;
  --acc-way-text: #F6A320;
  --acc-way-wash: #2E2414;
  --bg: #0F1722;
  --card: #18222F;
  --chrome: #0F1722;
  --cover-1: #2F5D8A;
  --cover-2: #6D3A63;
  --cover-3: #4E7F3B;
  --cover-4: #9E6A15;
  --cover-5: #29374D;
  --cover-6: #8A4781;
  --cover-7: #2A7C86;
  --cover-8: #9B3220;
  --cover-9: #3F5A46;
  --danger: #F28B82;
  --fg: #E6ECF3;
  --focus: #6FAEDC;
  --focus-on-chrome: #FFFFFF;
  --line: #2C3D52;
  --line-strong: #517096;
  --muted: #9AA8B8;
  --on-chrome: #FFFFFF;
  --on-cover: #FFFFFF;
  --on-primary: #0F1722;
  --primary: #6FAEDC;
  --primary-soft: #1F2C3C;
  --success: #8CC474;
  --warning: #F6A320;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --acc-catalog: #2594D2;
    --acc-catalog-text: #2594D2;
    --acc-catalog-wash: #13263A;
    --acc-discover: #8A4781;
    --acc-discover-text: #B772AD;
    --acc-discover-wash: #261A27;
    --acc-events: #68A24F;
    --acc-events-text: #68A24F;
    --acc-events-wash: #1B2A1D;
    --acc-now: #DF3281;
    --acc-now-text: #E45596;
    --acc-now-wash: #2E1722;
    --acc-way: #F6A320;
    --acc-way-text: #F6A320;
    --acc-way-wash: #2E2414;
    --bg: #0F1722;
    --card: #18222F;
    --chrome: #0F1722;
    --cover-1: #2F5D8A;
    --cover-2: #6D3A63;
    --cover-3: #4E7F3B;
    --cover-4: #9E6A15;
    --cover-5: #29374D;
    --cover-6: #8A4781;
    --cover-7: #2A7C86;
    --cover-8: #9B3220;
    --cover-9: #3F5A46;
    --danger: #F28B82;
    --fg: #E6ECF3;
    --focus: #6FAEDC;
    --focus-on-chrome: #FFFFFF;
    --line: #2C3D52;
    --line-strong: #517096;
    --muted: #9AA8B8;
    --on-chrome: #FFFFFF;
    --on-cover: #FFFFFF;
    --on-primary: #0F1722;
    --primary: #6FAEDC;
    --primary-soft: #1F2C3C;
    --success: #8CC474;
    --warning: #F6A320;
  }
}

:root[data-theme="hc"] {
  color-scheme: light;
  --acc-catalog: #000000;
  --acc-catalog-text: #000000;
  --acc-catalog-wash: #FFFFFF;
  --acc-discover: #000000;
  --acc-discover-text: #000000;
  --acc-discover-wash: #FFFFFF;
  --acc-events: #000000;
  --acc-events-text: #000000;
  --acc-events-wash: #FFFFFF;
  --acc-now: #000000;
  --acc-now-text: #000000;
  --acc-now-wash: #FFFFFF;
  --acc-way: #000000;
  --acc-way-text: #000000;
  --acc-way-wash: #FFFFFF;
  --bg: #FFFFFF;
  --card: #FFFFFF;
  --chrome: #000000;
  --cover-1: #2F5D8A;
  --cover-2: #6D3A63;
  --cover-3: #4E7F3B;
  --cover-4: #9E6A15;
  --cover-5: #29374D;
  --cover-6: #8A4781;
  --cover-7: #2A7C86;
  --cover-8: #9B3220;
  --cover-9: #3F5A46;
  --danger: #000000;
  --fg: #000000;
  --focus: #000000;
  --focus-on-chrome: #FFFFFF;
  --line: #000000;
  --line-strong: #000000;
  --muted: #1F2937;
  --on-chrome: #FFFFFF;
  --on-cover: #FFFFFF;
  --on-primary: #FFFFFF;
  --primary: #0B4F8A;
  --primary-soft: #E6EEF5;
  --success: #000000;
  --warning: #000000;
  --line-w: 2px;
}

@media (prefers-contrast: more) {
  :root:not([data-theme="hc"]) {
    color-scheme: light;
    --acc-catalog: #000000;
    --acc-catalog-text: #000000;
    --acc-catalog-wash: #FFFFFF;
    --acc-discover: #000000;
    --acc-discover-text: #000000;
    --acc-discover-wash: #FFFFFF;
    --acc-events: #000000;
    --acc-events-text: #000000;
    --acc-events-wash: #FFFFFF;
    --acc-now: #000000;
    --acc-now-text: #000000;
    --acc-now-wash: #FFFFFF;
    --acc-way: #000000;
    --acc-way-text: #000000;
    --acc-way-wash: #FFFFFF;
    --bg: #FFFFFF;
    --card: #FFFFFF;
    --chrome: #000000;
    --cover-1: #2F5D8A;
    --cover-2: #6D3A63;
    --cover-3: #4E7F3B;
    --cover-4: #9E6A15;
    --cover-5: #29374D;
    --cover-6: #8A4781;
    --cover-7: #2A7C86;
    --cover-8: #9B3220;
    --cover-9: #3F5A46;
    --danger: #000000;
    --fg: #000000;
    --focus: #000000;
    --focus-on-chrome: #FFFFFF;
    --line: #000000;
    --line-strong: #000000;
    --muted: #1F2937;
    --on-chrome: #FFFFFF;
    --on-cover: #FFFFFF;
    --on-primary: #FFFFFF;
    --primary: #0B4F8A;
    --primary-soft: #E6EEF5;
    --success: #000000;
    --warning: #000000;
    --line-w: 2px;
  }
}

@media (prefers-contrast: more) {
  :root[data-theme="dark"] {
    color-scheme: dark;
    --acc-catalog: #FFFFFF;
    --acc-catalog-text: #FFFFFF;
    --acc-catalog-wash: #000000;
    --acc-discover: #FFFFFF;
    --acc-discover-text: #FFFFFF;
    --acc-discover-wash: #000000;
    --acc-events: #FFFFFF;
    --acc-events-text: #FFFFFF;
    --acc-events-wash: #000000;
    --acc-now: #FFFFFF;
    --acc-now-text: #FFFFFF;
    --acc-now-wash: #000000;
    --acc-way: #FFFFFF;
    --acc-way-text: #FFFFFF;
    --acc-way-wash: #000000;
    --bg: #000000;
    --card: #000000;
    --chrome: #000000;
    --cover-1: #2F5D8A;
    --cover-2: #6D3A63;
    --cover-3: #4E7F3B;
    --cover-4: #9E6A15;
    --cover-5: #29374D;
    --cover-6: #8A4781;
    --cover-7: #2A7C86;
    --cover-8: #9B3220;
    --cover-9: #3F5A46;
    --danger: #FFFFFF;
    --fg: #FFFFFF;
    --focus: #FFFFFF;
    --focus-on-chrome: #FFFFFF;
    --line: #FFFFFF;
    --line-strong: #FFFFFF;
    --muted: #E6E6E6;
    --on-chrome: #FFFFFF;
    --on-cover: #FFFFFF;
    --on-primary: #000000;
    --primary: #8CC8FF;
    --primary-soft: #10263A;
    --success: #FFFFFF;
    --warning: #FFFFFF;
    --line-w: 2px;
  }
}

@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --acc-catalog: #FFFFFF;
    --acc-catalog-text: #FFFFFF;
    --acc-catalog-wash: #000000;
    --acc-discover: #FFFFFF;
    --acc-discover-text: #FFFFFF;
    --acc-discover-wash: #000000;
    --acc-events: #FFFFFF;
    --acc-events-text: #FFFFFF;
    --acc-events-wash: #000000;
    --acc-now: #FFFFFF;
    --acc-now-text: #FFFFFF;
    --acc-now-wash: #000000;
    --acc-way: #FFFFFF;
    --acc-way-text: #FFFFFF;
    --acc-way-wash: #000000;
    --bg: #000000;
    --card: #000000;
    --chrome: #000000;
    --cover-1: #2F5D8A;
    --cover-2: #6D3A63;
    --cover-3: #4E7F3B;
    --cover-4: #9E6A15;
    --cover-5: #29374D;
    --cover-6: #8A4781;
    --cover-7: #2A7C86;
    --cover-8: #9B3220;
    --cover-9: #3F5A46;
    --danger: #FFFFFF;
    --fg: #FFFFFF;
    --focus: #FFFFFF;
    --focus-on-chrome: #FFFFFF;
    --line: #FFFFFF;
    --line-strong: #FFFFFF;
    --muted: #E6E6E6;
    --on-chrome: #FFFFFF;
    --on-cover: #FFFFFF;
    --on-primary: #000000;
    --primary: #8CC8FF;
    --primary-soft: #10263A;
    --success: #FFFFFF;
    --warning: #FFFFFF;
    --line-w: 2px;
  }
}

@media (forced-colors: active) {
  :root:root:root {
    --bg: Canvas;
    --card: Canvas;
    --fg: CanvasText;
    --muted: CanvasText;
    --line: CanvasText;
    --line-strong: CanvasText;
    --primary: LinkText;
    --primary-soft: Canvas;
    --on-primary: Canvas;
    --chrome: Canvas;
    --on-chrome: CanvasText;
    --focus: Highlight;
    --focus-on-chrome: Highlight;
    --success: CanvasText;
    --warning: CanvasText;
    --danger: CanvasText;
    --scrim: Canvas;
    --shadow-sheet: none;
  }
}

:root {
  font-size: 100%;
  --text-scale: 1;
  --font-head: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --weight-head: 700;
  --weight-body: 400;
  --weight-action: 600;
  --fs-title: clamp(30px, calc(1.875rem * var(--text-scale)), 60px);
  --fs-section: clamp(24px, calc(1.5rem * var(--text-scale)), 48px);
  --fs-eyebrow: clamp(18px, calc(1.125rem * var(--text-scale)), 36px);
  --fs-tab: clamp(18px, calc(1.125rem * var(--text-scale)), 36px);
  --fs-code: clamp(28px, calc(1.75rem * var(--text-scale)), 56px);
  --fs-body: clamp(16px, calc(1rem * var(--text-scale)), 32px);
  --fs-action: clamp(20px, calc(1.25rem * var(--text-scale)), 40px);
  --fs-card-title: clamp(18px, calc(1.125rem * var(--text-scale)), 36px);
  --lh-body: 1.5;
  --lh-head: 1.25;
  --ls-eyebrow: 0.08em;
  --ls-code: 0.14em;
  --target-min: 48px;
  --target-std: 56px;
  --target-primary: 72px;
  --target-tile: 200px;
  --target-tab: 60px;
  --icon: 24px;
  --icon-tab: 20px;
  --r-card: 12px;
  --r-bar: 14px;
  --r-pill: 999px;
  --r-cover: 6px;
  --gutter: 16px;
  --gap: 12px;
  --row-pad: 12px;
  --line-w: 1px;
  --focus-w: 2px;
  --focus-offset: 2px;
  --tab-bar-w: 3px;
  --shadow-sheet: 0 -8px 24px rgba(14, 21, 32, 0.18);
  --shadow-card: none;
  --scrim: rgba(14, 21, 32, 0.45);
  --on-chrome-fill: rgba(255, 255, 255, 0.16);
  --on-chrome-fill-hover: rgba(255, 255, 255, 0.26);
  --shadow-cover: 0 1px 2px rgba(14, 21, 32, 0.25);
  --shadow-spine: inset 3px 0 0 rgba(0, 0, 0, 0.22);
  --shadow-cover-text: 0 1px 1px rgba(0, 0, 0, 0.2);
  --cover-shade: rgba(0, 0, 0, 0.3);
  --motion-sheet: 200ms;
  --motion-tab: 120ms;
  --motion-pulse: 1600ms;
  --pulse-cycles: 3;
  --ew-mark: #481860;
  --on-ew-mark: #FFFFFF;
}

@supports (font: -apple-system-body) {
  :root[data-platform="native"] {
    font: -apple-system-body;
  }
}

:root[data-text="large"],
:root[data-text="larger"] {
  --text-scale: 1.25;
}

:root[data-weight="bold"] {
  --weight-body: 600;
  --weight-action: 700;
  --weight-head: 700;
}

:root[data-motion="reduce"] {
  --motion-sheet: 0ms;
  --motion-tab: 0ms;
  --motion-pulse: 0ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-sheet: 0ms;
    --motion-tab: 0ms;
    --motion-pulse: 0ms;
  }
}

:root[data-surface="kiosk"] {
  --fs-title: clamp(36px, calc(2.25rem * var(--text-scale)), 72px);
  --fs-section: clamp(28px, calc(1.75rem * var(--text-scale)), 56px);
  --fs-eyebrow: clamp(20px, calc(1.25rem * var(--text-scale)), 40px);
  --fs-tab: clamp(20px, calc(1.25rem * var(--text-scale)), 40px);
  --fs-code: clamp(32px, calc(2rem * var(--text-scale)), 64px);
  --fs-body: clamp(20px, calc(1.25rem * var(--text-scale)), 40px);
  --fs-action: clamp(22px, calc(1.375rem * var(--text-scale)), 44px);
  --fs-card-title: clamp(20px, calc(1.25rem * var(--text-scale)), 40px);
}

@media (forced-colors: active) {
  :focus-visible {
    outline: 3px solid Highlight;
    outline-offset: 2px;
  }
}