/* Arclite design tokens. Generated by build.py from tokens/. Do not edit. */
/* Light only. Square corners. One rust action per view. Forest is identity and 'on'. */

:root {
  /* ---- primitive: reference only from the semantic tier ---- */
  --ref-white: #FFFFFF;
  --ref-cream-100: #F6F4EF;
  --ref-cream-200: #EFEBE5;
  --ref-cream-300: #EEEAE2;
  --ref-cream-400: #EAE6E0;
  --ref-cream-500: #E7E3DF;
  --ref-taupe-300: #D8D1CB;
  --ref-taupe-400: #D4D2CF;
  --ref-taupe-500: #AE9F93;
  --ref-taupe-600: #968373;
  --ref-grey-500: #9B9692;
  --ref-grey-600: #857F79;
  --ref-grey-700: #6F6A65;
  --ref-ink-600: #656361;
  --ref-ink-700: #454545;
  --ref-ink-900: #1A1A1A;
  --ref-forest-500: #348757;
  --ref-forest-600: #297B4D;
  --ref-forest-700: #235237;
  --ref-forest-800: #233D2E;
  --ref-forest-900: #15211A;
  --ref-rust-600: #CC4529;
  --ref-rust-700: #B23A20;
  --ref-red-600: #BB2F28;
  --ref-amber-600: #947100;
  --ref-orange-600: #BF611C;
  --ref-blue-500: #1F6FC2;
  --ref-blue-600: #0A84FF;
  --ref-plum-600: #883170;
  --ref-plum-800: #52233E;
  --ref-cerulean-600: #0B8FAA;
  --ref-ochre-600: #AE7C02;
  --ref-indigo-600: #454E9F;
  --ref-olive-600: #7C7F14;
  --ref-lavender-500: #8E78C9;
  --ref-teal-500: #2F9C8C;
  --ref-warmgrey-300: #CFC8C0;
  --ref-tint-green: #E5F5EA;
  --ref-tint-red: #FCEEEE;
  --ref-tint-amber: #FFF6CC;
  --ref-tint-orange: #FFEFE0;
  --ref-tint-blue: #E8F2FF;
  --ref-tint-plum: #F2E9EE;
  --ref-tint-forest: #DCEFE0;
  --ref-alpha-rust-14: #CC452924;
  --ref-alpha-rust-22: #CC452938;
  --ref-alpha-taupe-40: #D8D1CB66;
  --ref-alpha-cream-18: #F6F4EF2E;
  --ref-alpha-ink-12: #1A1A1A1F;
  --ref-alpha-ink-10: #1A1A1A1A;
  --ref-alpha-ink-16: #1A1A1A29;
  --ref-alpha-ink-6: #1A1A1A0F;
  --ref-alpha-forest-deep-8: #15211A14;
  --ref-alpha-forest-deep-12: #15211A1F;
  --ref-alpha-forest-deep-18: #15211A2E;
  --ref-alpha-forest-deep-28: #15211A47;
  --ref-alpha-white-10: #FFFFFF1A;
  --ref-alpha-white-18: #FFFFFF2E;
  --ref-alpha-white-16: #FFFFFF29;
  --ref-alpha-white-22: #FFFFFF38;
  --ref-alpha-white-34: #FFFFFF57;
  --ref-alpha-black-36: #0000005C;
  --ref-icon-stroke: 1.5;
  --ref-duration-120: 120ms;
  --ref-duration-150: 150ms;
  --ref-duration-200: 200ms;
  --ref-duration-2400: 2400ms;
  --ref-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ref-ease-emphasis: cubic-bezier(0.16, 1, 0.3, 1);
  --ref-shadow-pop: 0 6px 24px 0 #1A1A1A1F, 0 1px 2px 0 #1A1A1A1A;
  --ref-shadow-hero: 0 24px 48px -12px #1A1A1A29, 0 8px 16px -4px #1A1A1A1A, 0 1px 2px 0 #1A1A1A0F;
  --ref-shadow-web-1: 0 6px 16px -4px #15211A14, 0 1px 2px 0 #15211A1F;
  --ref-shadow-web-2: 0 16px 40px -12px #15211A2E, 0 4px 8px -2px #15211A14, 0 1px 2px 0 #15211A1F;
  --ref-shadow-web-3: 0 32px 64px -16px #15211A47, 0 8px 16px -4px #15211A1F, 0 1px 2px 0 #15211A1F;
  --ref-blur-scrim: 4px;
  --ref-blur-sheen: 34px;
  --ref-blur-sheen-soft: 52px;
  --ref-opacity-scrim: 0.18;
  --ref-opacity-loading: 0.55;
  --ref-opacity-watermark: 0.6;
  --ref-space-0: 0;
  --ref-space-1: 4px;
  --ref-space-2: 8px;
  --ref-space-3: 12px;
  --ref-space-4: 16px;
  --ref-space-5: 20px;
  --ref-space-6: 24px;
  --ref-space-7: 28px;
  --ref-space-8: 32px;
  --ref-space-9: 36px;
  --ref-space-10: 40px;
  --ref-space-11: 44px;
  --ref-space-12: 48px;
  --ref-space-16: 64px;
  --ref-space-20: 80px;
  --ref-space-24: 96px;
  --ref-space-32: 128px;
  --ref-size-control-sm: 30px;
  --ref-size-control: 40px;
  --ref-size-control-lg: 44px;
  --ref-size-row-dense: 32px;
  --ref-size-row-head: 36px;
  --ref-size-row: 60px;
  --ref-size-head: 48px;
  --ref-size-side: 208px;
  --ref-size-rail: 52px;
  --ref-size-tile: 112px;
  --ref-size-thumb: 16px;
  --ref-size-track: 36px;
  --ref-size-check: 16px;
  --ref-size-dot: 6px;
  --ref-size-web-content: 1120px;
  --ref-size-web-hero-copy: 760px;
  --ref-size-web-prose: 640px;
  --ref-size-web-card: 400px;
  --ref-size-web-nav: 64px;
  --ref-border-hairline: 1px;
  --ref-border-offset: 1px;
  --ref-border-focus: 1.5px;
  --ref-border-select: 2px;
  --ref-border-total: 3px;
  --ref-radius-none: 0;
  --ref-radius-round: 9999px;
  --ref-font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ref-font-family-display: "FAIRE Sprig", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --ref-font-family-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ref-font-size-11: 11px;
  --ref-font-size-13: 13px;
  --ref-font-size-14: 14px;
  --ref-font-size-18: 18px;
  --ref-font-size-22: 22px;
  --ref-font-size-28: 28px;
  --ref-font-size-40: 40px;
  --ref-font-size-48: 48px;
  --ref-font-size-64: 64px;
  --ref-font-weight-400: 400;
  --ref-font-weight-500: 500;
  --ref-font-weight-600: 600;
  --ref-font-leading-tight: 1.1;
  --ref-font-leading-title: 1.25;
  --ref-font-leading-body: 1.5;
  --ref-font-tracking-none: 0;
  --ref-font-tracking-tight: -0.02em;
  --ref-font-tracking-caps: 0.08em;

  /* ---- semantic: what pages and components use ---- */
  --bg: var(--ref-white);
  --surface: var(--ref-cream-100);
  --surface-2: var(--ref-cream-200);
  --surface-sunken: var(--ref-taupe-400);
  --ink: var(--ref-ink-900);
  --ink-2: var(--ref-ink-700);
  --ink-3: var(--ref-ink-600);
  --ink-off: var(--ref-grey-500);
  --ink-inverse: var(--ref-white);
  --line: var(--ref-cream-500);
  --line-strong: var(--ref-taupe-300);
  --line-focus: var(--ref-taupe-500);
  --line-active: var(--ref-taupe-600);
  --grid: var(--ref-cream-400);
  --divider: var(--ref-grey-600);
  --brand: var(--ref-forest-700);
  --brand-ink: var(--ref-white);
  --action: var(--ref-rust-600);
  --action-ink: var(--ref-white);
  --action-hover: var(--ref-rust-700);
  --signal: var(--ref-rust-600);
  --signal-ink: var(--ref-white);
  --sel: var(--ref-alpha-rust-14);
  --sel-ink: var(--ref-ink-900);
  --hover: var(--ref-alpha-taupe-40);
  --found: var(--ref-alpha-rust-22);
  --nav-on: var(--ref-taupe-300);
  --nav-on-ink: var(--ref-ink-900);
  --pos: var(--ref-forest-600);
  --pos-fill: var(--ref-tint-green);
  --neg: var(--ref-red-600);
  --neg-fill: var(--ref-tint-red);
  --warn: var(--ref-amber-600);
  --warn-fill: var(--ref-tint-amber);
  --caution: var(--ref-orange-600);
  --caution-fill: var(--ref-tint-orange);
  --info: var(--ref-blue-600);
  --info-fill: var(--ref-tint-blue);
  --fc-tint: var(--ref-cream-300);
  --forecast-pinned: var(--ref-plum-800);
  --forecast-pinned-fill: var(--ref-tint-plum);
  --scrim: var(--ref-alpha-cream-18);
  --series-1: var(--ref-forest-500);
  --series-2: var(--ref-plum-600);
  --series-3: var(--ref-cerulean-600);
  --series-4: var(--ref-ochre-600);
  --series-5: var(--ref-indigo-600);
  --series-6: var(--ref-olive-600);
  --series-7: var(--ref-lavender-500);
  --series-8: var(--ref-teal-500);
  --series-other: var(--ref-warmgrey-300);
  --series-actual: var(--ref-grey-500);
  --category-1: var(--ref-forest-500);
  --category-2: var(--ref-plum-600);
  --category-3: var(--ref-cerulean-600);
  --category-4: var(--ref-ochre-600);
  --category-5: var(--ref-indigo-600);
  --category-6: var(--ref-olive-600);
  --category-7: var(--ref-lavender-500);
  --category-8: var(--ref-teal-500);
  --category-other: var(--ref-grey-700);
  --up: var(--ref-lavender-500);
  --down: var(--ref-ink-900);
  --note-yellow: var(--ref-amber-600);
  --note-red: var(--ref-red-600);
  --note-green: var(--ref-forest-600);
  --note-blue: var(--ref-blue-500);
  --note-purple: var(--ref-plum-600);
  --icon-size-xs: var(--ref-space-3);
  --icon-size-s: var(--ref-space-4);
  --icon-size-m: var(--ref-space-5);
  --icon-size-l: var(--ref-space-6);
  --icon-size-xl: var(--ref-space-8);
  --icon-stroke: var(--ref-icon-stroke);
  --icon-ink: var(--ink-2);
  --icon-muted: var(--ink-3);
  --icon-on-action: var(--action-ink);
  --icon-deco: var(--brand);
  --duration-fast: var(--ref-duration-120);
  --duration: var(--ref-duration-150);
  --duration-slow: var(--ref-duration-200);
  --duration-glow: var(--ref-duration-2400);
  --ease: var(--ref-ease-standard);
  --ease-emphasis: var(--ref-ease-emphasis);
  --shadow-pop: var(--ref-shadow-pop);
  --shadow-hero: var(--ref-shadow-hero);
  --scrim-opacity: var(--ref-opacity-scrim);
  --scrim-blur: var(--ref-blur-scrim);
  --loading-opacity: var(--ref-opacity-loading);
  --radius: var(--ref-radius-none);
  --radius-round: var(--ref-radius-round);
  --border-w: var(--ref-border-hairline);
  --border-w-focus: var(--ref-border-focus);
  --border-w-select: var(--ref-border-select);
  --border-w-total: var(--ref-border-total);
  --focus-offset: var(--ref-border-offset);
  --space-1: var(--ref-space-1);
  --space-2: var(--ref-space-2);
  --space-3: var(--ref-space-3);
  --space-4: var(--ref-space-4);
  --space-5: var(--ref-space-5);
  --space-6: var(--ref-space-6);
  --space-7: var(--ref-space-7);
  --space-8: var(--ref-space-8);
  --space-9: var(--ref-space-9);
  --space-10: var(--ref-space-10);
  --space-11: var(--ref-space-11);
  --space-12: var(--ref-space-12);
  --space-16: var(--ref-space-16);
  --control-h: var(--ref-size-control);
  --control-h-sm: var(--ref-size-control-sm);
  --control-h-lg: var(--ref-size-control-lg);
  --row-h: var(--ref-size-row);
  --row-h-dense: var(--ref-size-row-dense);
  --row-h-head: var(--ref-size-row-head);
  --head-h: var(--ref-size-head);
  --side-w: var(--ref-size-side);
  --rail-w: var(--ref-size-rail);
  --tile-h: var(--ref-size-tile);
  --page-pad: var(--ref-space-6);
  --page-pad-form: var(--ref-space-10);
  --font: var(--ref-font-family-sans);
  --font-display: var(--ref-font-family-display);
  --font-mono: var(--ref-font-family-mono);
  --text-s: var(--ref-font-size-11);
  --text-m: var(--ref-font-size-13);
  --text-body: var(--ref-font-size-14);
  --text-title: var(--ref-font-size-22);
  --text-hero: var(--ref-font-size-28);
  --text-display: var(--ref-font-size-40);
  --weight-regular: var(--ref-font-weight-400);
  --weight-label: var(--ref-font-weight-500);
  --weight-strong: var(--ref-font-weight-600);
  --leading-tight: var(--ref-font-leading-tight);
  --leading-title: var(--ref-font-leading-title);
  --leading-body: var(--ref-font-leading-body);
  --tracking: var(--ref-font-tracking-none);
  --tracking-tight: var(--ref-font-tracking-tight);
  --tracking-caps: var(--ref-font-tracking-caps);
  /* web: the landing-page layer (display type, section rhythm, content width, hero, features, pricing card, footer) */
  --web-text-hero: var(--ref-font-size-64);
  --web-text-display: var(--ref-font-size-48);
  --web-text-lead: var(--ref-font-size-18);
  --web-max-w: var(--ref-size-web-content);
  --web-max-w-hero: var(--ref-size-web-hero-copy);
  --web-max-w-prose: var(--ref-size-web-prose);
  --web-gutter: var(--ref-space-6);
  --web-nav-h: var(--ref-size-web-nav);
  --web-rail: var(--line);
  --web-page-bg: var(--ref-cream-100);
  --web-surface-raised: var(--ref-white);
  --web-surface-recessed: var(--ref-cream-500);
  --web-surface-tint: var(--ref-tint-forest);
  --web-band-deep: var(--brand);
  --web-band-shade: var(--ref-forest-800);
  --web-band-deepest: var(--ref-forest-900);
  --web-band-gradient: linear-gradient(180deg, var(--web-band-deep) 0%, var(--web-band-shade) 100%);
  --web-band-gradient-deep: linear-gradient(180deg, var(--web-band-shade) 0%, var(--web-band-deepest) 100%);
  --web-band-ink: var(--ink-inverse);
  --web-band-ink-2: var(--ref-taupe-300);
  --web-band-line: var(--ref-alpha-white-18);
  --web-band-glass: var(--ref-alpha-white-10);
  --web-band-pad-y: var(--ref-space-20);
  --web-band-cta-bg: var(--ref-white);
  --web-band-cta-ink: var(--ink);
  --web-band-sheen: linear-gradient(90deg, transparent 0%, var(--ref-alpha-white-34) 45%, var(--ref-alpha-white-16) 62%, transparent 100%);
  --web-band-sheen-soft: linear-gradient(90deg, transparent 0%, var(--ref-alpha-white-22) 40%, var(--ref-alpha-white-10) 65%, transparent 100%);
  --web-band-sheen-dark: linear-gradient(90deg, transparent 0%, var(--ref-alpha-black-36) 50%, transparent 100%);
  --web-band-sheen-blur: var(--ref-blur-sheen);
  --web-band-sheen-blur-soft: var(--ref-blur-sheen-soft);
  --web-elevation-1: var(--ref-shadow-web-1);
  --web-elevation-2: var(--ref-shadow-web-2);
  --web-elevation-3: var(--ref-shadow-web-3);
  --web-section-gap: var(--ref-space-24);
  --web-section-gap-sm: var(--ref-space-16);
  --web-stack: var(--ref-space-6);
  --web-hero-pad-y: var(--ref-space-24);
  --web-hero-overlap: var(--ref-space-16);
  --web-cta-h: var(--control-h-lg);
  --web-cta-pad-x: var(--ref-space-6);
  --web-cta-text: var(--text-body);
  --web-feature-gap: var(--ref-space-12);
  --web-feature-gap-y: var(--ref-space-20);
  --web-feature-title: var(--text-title);
  --web-feature-media-bg: var(--web-surface-raised);
  --web-feature-media-line: var(--line);
  --web-feature-media-shadow: var(--web-elevation-2);
  --web-feature-plate-bg: var(--web-surface-tint);
  --web-feature-plate-offset: var(--ref-space-4);
  --web-icon-tile-size: var(--ref-size-control);
  --web-icon-tile-bg: var(--web-band-deep);
  --web-icon-tile-ink: var(--brand-ink);
  --web-card-max-w: var(--ref-size-web-card);
  --web-card-pad: var(--ref-space-8);
  --web-card-gap: var(--ref-space-4);
  --web-card-bg: var(--web-surface-raised);
  --web-card-line: var(--line-strong);
  --web-card-shadow: var(--web-elevation-1);
  --web-footer-pad-y: var(--ref-space-16);
  --web-footer-bg: var(--web-band-deep);
  --web-footer-gradient: linear-gradient(180deg, var(--web-band-deep) 0%, var(--web-band-deepest) 100%);
  --web-footer-line: var(--web-band-line);
  --web-footer-ink: var(--web-band-ink-2);
  --web-footer-title-ink: var(--web-band-ink);
  --web-footer-title: var(--text-title);
  --web-footer-link: var(--web-text-lead);
  --web-footer-text: var(--text-body);
  --web-footer-social-bg: var(--ref-white);
  --web-footer-social-ink: var(--web-band-deepest);
  --web-footer-wordmark-opacity: var(--ref-opacity-watermark);

  /* ---- component: knobs a single component reads ---- */
  --button-h: var(--control-h);
  --button-h-sm: var(--control-h-sm);
  --button-h-lg: var(--control-h-lg);
  --button-pad-x: var(--space-4);
  --button-pad-x-sm: var(--space-3);
  --button-gap: var(--space-2);
  --button-radius: var(--radius);
  --button-border-w: var(--border-w);
  --button-text-size: var(--text-body);
  --button-text-size-sm: var(--text-m);
  --button-text-weight: var(--weight-label);
  --button-primary-bg: var(--action);
  --button-primary-ink: var(--action-ink);
  --button-primary-bg-hover: var(--action-hover);
  --button-secondary-bg: var(--bg);
  --button-secondary-ink: var(--ink);
  --button-secondary-border: var(--ink);
  --button-secondary-bg-hover: var(--hover);
  --button-ghost-ink: var(--ink);
  --button-ghost-bg-hover: var(--hover);
  --button-danger-bg: var(--neg);
  --button-danger-ink: var(--ink-inverse);
  --button-disabled-bg: var(--surface-2);
  --button-disabled-ink: var(--ink-off);
  --button-duration: var(--duration);
  --checkbox-size: var(--space-4);
  --checkbox-radius: var(--radius);
  --checkbox-border-w: var(--border-w);
  --checkbox-bg: var(--bg);
  --checkbox-border: var(--line-strong);
  --checkbox-border-hover: var(--line-focus);
  --checkbox-on-bg: var(--brand);
  --checkbox-on-border: var(--brand);
  --checkbox-on-mark: var(--brand-ink);
  --checkbox-disabled-bg: var(--surface-2);
  --checkbox-disabled-border: var(--line);
  --checkbox-disabled-mark: var(--ink-off);
  --checkbox-label-size: var(--text-body);
  --checkbox-label-ink: var(--ink);
  --checkbox-gap: var(--space-2);
  --checkbox-duration: var(--duration);
  --focus-ring-w: var(--border-w-focus);
  --focus-ring-color: var(--ink);
  --focus-ring-offset: var(--focus-offset);
  --input-h: var(--control-h);
  --input-h-sm: var(--control-h-sm);
  --input-pad-x: var(--space-3);
  --input-gap: var(--space-2);
  --input-radius: var(--radius);
  --input-border-w: var(--border-w);
  --input-bg: var(--bg);
  --input-border: var(--line-strong);
  --input-border-hover: var(--line-focus);
  --input-border-focus: var(--line-focus);
  --input-border-active: var(--line-active);
  --input-border-error: var(--neg);
  --input-ink: var(--ink);
  --input-placeholder-ink: var(--ink-3);
  --input-disabled-ink: var(--ink-off);
  --input-text-size: var(--text-body);
  --input-label-size: var(--text-m);
  --input-label-weight: var(--weight-label);
  --input-label-ink: var(--ink);
  --input-helper-size: var(--text-s);
  --input-helper-ink: var(--ink-3);
  --input-error-ink: var(--neg);
  --input-icon-size: var(--space-4);
  --input-duration: var(--duration);
  --kpi-h: var(--tile-h);
  --kpi-pad: var(--space-4);
  --kpi-gap: var(--space-1);
  --kpi-radius: var(--radius);
  --kpi-bg: var(--surface);
  --kpi-bg-hover: var(--surface-2);
  --kpi-line: var(--line);
  --kpi-line-w: var(--border-w);
  --kpi-label-size: var(--text-s);
  --kpi-label-weight: var(--weight-regular);
  --kpi-label-ink: var(--ink-2);
  --kpi-value-size: var(--text-hero);
  --kpi-value-weight: var(--weight-strong);
  --kpi-value-leading: var(--leading-tight);
  --kpi-value-tracking: var(--tracking-tight);
  --kpi-value-ink: var(--ink);
  --kpi-change-size: var(--text-s);
  --kpi-change-pos-ink: var(--pos);
  --kpi-change-neg-ink: var(--neg);
  --kpi-change-flat-ink: var(--ink-3);
  --kpi-selected-line: var(--ink);
  --kpi-selected-line-w: var(--border-w-select);
  --pill-h: var(--space-5);
  --pill-pad-x: var(--space-2);
  --pill-radius: var(--radius);
  --pill-text-size: var(--text-s);
  --pill-text-weight: var(--weight-label);
  --pill-pos-bg: var(--pos-fill);
  --pill-pos-ink: var(--pos);
  --pill-neg-bg: var(--neg-fill);
  --pill-neg-ink: var(--neg);
  --pill-warn-bg: var(--warn-fill);
  --pill-warn-ink: var(--warn);
  --pill-caution-bg: var(--caution-fill);
  --pill-caution-ink: var(--caution);
  --pill-info-bg: var(--info-fill);
  --pill-info-ink: var(--info);
  --pill-neutral-bg: var(--surface-2);
  --pill-neutral-ink: var(--ink-2);
  --pill-dot-size: var(--space-1);
  --pill-dot-radius: var(--radius-round);
  --tag-h: var(--space-5);
  --tag-pad-x: var(--space-2);
  --tag-radius: var(--radius);
  --tag-border: var(--line-strong);
  --tag-border-w: var(--border-w);
  --tag-ink: var(--ink);
  --tag-text-size: var(--text-s);
  --tag-dot-size: var(--space-2);
  --tag-dot-radius: var(--radius-round);
  --table-row-h: var(--row-h);
  --table-row-h-dense: var(--row-h-dense);
  --table-head-h: var(--row-h-head);
  --table-cell-pad-x: var(--space-5);
  --table-cell-pad-x-dense: var(--space-2);
  --table-radius: var(--radius);
  --table-head-bg: var(--surface);
  --table-head-ink: var(--ink-3);
  --table-head-size: var(--text-s);
  --table-head-weight: var(--weight-label);
  --table-head-line: var(--line-strong);
  --table-row-bg: var(--bg);
  --table-row-bg-hover: var(--hover);
  --table-row-bg-selected: var(--sel);
  --table-row-ink-selected: var(--sel-ink);
  --table-row-line: var(--line);
  --table-line-w: var(--border-w);
  --table-figure-size: var(--text-m);
  --table-figure-ink: var(--ink);
  --table-figure-weight-total: var(--weight-strong);
  --table-zero-ink: var(--line-strong);
  --table-section-size: var(--text-s);
  --table-section-tracking: var(--tracking-caps);
  --table-section-ink: var(--ink-3);
  --table-subtotal-line: var(--line-strong);
  --table-total-line: var(--ink);
  --table-total-line-w: var(--border-w-total);
  --table-cutover-line: var(--divider);
  --table-forecast-bg: var(--fc-tint);
  --table-sunken-bg: var(--surface-sunken);
  --toggle-track-w: var(--space-9);
  --toggle-track-h: var(--space-5);
  --toggle-thumb-size: var(--space-4);
  --toggle-thumb-inset: var(--border-w-select);
  --toggle-radius: var(--radius-round);
  --toggle-off-track: var(--line-strong);
  --toggle-off-track-hover: var(--line-focus);
  --toggle-on-track: var(--brand);
  --toggle-on-track-hover: var(--brand);
  --toggle-thumb: var(--bg);
  --toggle-disabled-track: var(--surface-2);
  --toggle-disabled-thumb: var(--ink-off);
  --toggle-duration: var(--duration);
  --toggle-ease: var(--ease);

  color-scheme: light;
}

/* Keyboard focus, once, for every app that loads this file. */
:focus-visible { outline: var(--focus-ring-w) solid var(--focus-ring-color); outline-offset: var(--focus-ring-offset); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; } }