/* GoodScool design tokens · generated from goodscool-tokens.json · verified against the iOS 27 and macOS 27 kit notes */
:root {
  --gs-color-core-blue: #0800FF;
  --gs-color-core-lime: #A7FF00;
  --gs-color-core-white: #FFFFFF;
  --gs-color-accent-orange: #FF7700;
  --gs-color-accent-yellow: #FCD836;
  --gs-color-accent-pink: #FF36AB;
  --gs-color-accent-purple: #642CA9;
  --gs-color-dark-lightgrey: #C0C0C0;
  --gs-color-dark-black: #000000;
  --gs-color-derived-tint-blue: #F0F0FF;
  --gs-color-derived-tint-grey: #F2F2F2;
  --gs-color-status-success: var(--gs-color-core-lime);
  --gs-color-status-momentum: var(--gs-color-accent-orange);
  --gs-color-status-attention: var(--gs-color-accent-yellow);
  --gs-color-status-correction: var(--gs-color-accent-pink);
  --gs-color-status-achievement: var(--gs-color-accent-purple);
  --gs-color-light-bg: #FFFFFF;
  --gs-color-light-bg-grouped: #F2F2F2;
  --gs-color-light-bg-elevated: #FFFFFF;
  --gs-color-light-label: #000000;
  --gs-color-light-label-secondary: rgba(0,0,0,0.60);
  --gs-color-light-separator: rgba(0,0,0,0.12);
  --gs-color-light-fill: rgba(118,118,128,0.12);
  --gs-color-light-action: var(--gs-color-core-blue);
  --gs-color-light-accent-text: var(--gs-color-core-blue);
  --gs-color-light-tab-selected: var(--gs-color-core-blue);
  --gs-color-dark-mode-bg: #000000;
  --gs-color-dark-mode-bg-grouped: #000000;
  --gs-color-dark-mode-bg-elevated: #1C1C1E;
  --gs-color-dark-mode-label: #FFFFFF;
  --gs-color-dark-mode-label-secondary: rgba(255,255,255,0.60);
  --gs-color-dark-mode-separator: rgba(255,255,255,0.14);
  --gs-color-dark-mode-fill: rgba(118,118,128,0.24);
  --gs-color-dark-mode-action: var(--gs-color-core-lime);
  --gs-color-dark-mode-accent-text: var(--gs-color-core-lime);
  --gs-color-dark-mode-tab-selected: #FFFFFF;
  --gs-color-dark-mode-segment-selected: rgba(255,255,255,0.27);
  --gs-font-display: "Bricolage Grotesque", sans-serif;
  --gs-font-text: "Instrument Sans", sans-serif;
  --gs-text-large-title-size: 34px; --gs-text-large-title-line: 41px; --gs-text-large-title-weight: 700; --gs-text-large-title-tracking: -0.028em;
  --gs-text-title-1-size: 28px; --gs-text-title-1-line: 34px; --gs-text-title-1-weight: 700; --gs-text-title-1-tracking: -0.025em;
  --gs-text-title-2-size: 22px; --gs-text-title-2-line: 28px; --gs-text-title-2-weight: 600; --gs-text-title-2-tracking: -0.022em;
  --gs-text-title-3-size: 20px; --gs-text-title-3-line: 25px; --gs-text-title-3-weight: 600; --gs-text-title-3-tracking: -0.022em;
  --gs-text-headline-size: 17px; --gs-text-headline-line: 22px; --gs-text-headline-weight: 600; --gs-text-headline-tracking: -0.025em;
  --gs-text-body-size: 17px; --gs-text-body-line: 22px; --gs-text-body-weight: 400; --gs-text-body-tracking: -0.025em;
  --gs-text-callout-size: 16px; --gs-text-callout-line: 21px; --gs-text-callout-weight: 400; --gs-text-callout-tracking: -0.02em;
  --gs-text-subheadline-size: 15px; --gs-text-subheadline-line: 20px; --gs-text-subheadline-weight: 400; --gs-text-subheadline-tracking: -0.015em;
  --gs-text-footnote-size: 13px; --gs-text-footnote-line: 18px; --gs-text-footnote-weight: 400; --gs-text-footnote-tracking: 0em;
  --gs-text-caption-1-size: 12px; --gs-text-caption-1-line: 16px; --gs-text-caption-1-weight: 500; --gs-text-caption-1-tracking: 0em;
  --gs-text-caption-2-size: 11px; --gs-text-caption-2-line: 13px; --gs-text-caption-2-weight: 600; --gs-text-caption-2-tracking: 0.005em;
  --gs-text-display-size: 96px; --gs-text-display-line: 94px; --gs-text-display-weight: 700; --gs-text-display-tracking: -0.036em;
  --gs-space-1: 4px;
  --gs-space-2: 8px;
  --gs-space-3: 12px;
  --gs-space-4: 16px;
  --gs-space-5: 24px;
  --gs-space-6: 32px;
  --gs-space-7: 48px;
  --gs-space-8: 64px;
  --gs-space-9: 96px;
  --gs-space-10: 128px;
  --gs-radius-inner: 14px;
  --gs-radius-field: 16px;
  --gs-radius-card: 22px;
  --gs-radius-group: 26px;
  --gs-radius-sheet-top: 34px;
  --gs-radius-sheet-bottom: 58px;
  --gs-radius-control: 1000px;
  --gs-radius-sheet-top-ipad: 38px;
  --gs-radius-sheet-bottom-ipad: 38px;
  --gs-size-touch-min: 44px;
  --gs-size-button-l: 50px;
  --gs-size-button-m: 34px;
  --gs-size-button-s: 28px;
  --gs-size-toolbar-item: 44px;
  --gs-size-tabbar: 62px;
  --gs-size-tab: 54px;
  --gs-size-field: 52px;
  --gs-size-switch-w: 64px;
  --gs-size-switch-h: 28px;
  --gs-size-list-row: 52px;
  --gs-size-pin: 28px;
  --gs-size-icon-s: 16px;
  --gs-size-icon-m: 20px;
  --gs-size-icon-l: 24px;
  --gs-size-icon-xl: 32px;
  --gs-size-margin-phone: 16px;
  --gs-size-margin-tablet: 20px;
  --gs-size-margin-desktop: 80px;
  --gs-size-gutter-desktop: 24px;
  --gs-size-reading-max: 680px;
  --gs-size-grabber-w: 58px;
  --gs-size-grabber-h: 4px;
  --gs-size-menu-item: 40px;
  --gs-size-status-bar: 62px;
  --gs-size-status-bar-ipad: 32px;
  --gs-size-readable-margin: 260px;
  --gs-size-scroll-edge-blur: 10px;
  --gs-glass-light: rgba(250,250,252,0.72);
  --gs-glass-dark: rgba(44,44,48,0.52);
  --gs-glass-blur: blur(16px) saturate(1.9);
  --gs-glass-kit: refraction 70 · depth 30 · dispersion 20 · splay 20 · frost 6/16 · opacity 25 · light 0°;
  --gs-elevation-e1: 0px 2px 8px 0px rgba(0,0,0,0.12);
  --gs-elevation-e2: 0px 16px 40px 0px rgba(0,0,0,0.24);
  --gs-motion-instant: 100ms;
  --gs-motion-quick: 200ms;
  --gs-motion-standard: 350ms;
  --gs-motion-sheet: 450ms;
  --gs-motion-morph: 500ms;
  --gs-motion-ease-standard: cubic-bezier(0.2,0.8,0.2,1);
  --gs-motion-ease-emphasised: cubic-bezier(0.3,0,0.15,1);
  --gs-motion-ease-exit: cubic-bezier(0.4,0,1,1);
  --gs-motion-reduced-crossfade: 150ms;
  --gs-breakpoint-regular: 768px;
  --gs-breakpoint-desktop: 1280px;
  --gs-icon-library: Phosphor v2 · regular default · bold ≤16px · fill selected;
  --gs-icon-ai-set: GoodScool AI stroke set · 1.5px at 24;
  --gs-dynamic-type-large-title-xSmall-size: 31px; --gs-dynamic-type-large-title-xSmall-line: 38px;
  --gs-dynamic-type-large-title-Small-size: 32px; --gs-dynamic-type-large-title-Small-line: 39px;
  --gs-dynamic-type-large-title-Medium-size: 33px; --gs-dynamic-type-large-title-Medium-line: 40px;
  --gs-dynamic-type-large-title-Large-size: 34px; --gs-dynamic-type-large-title-Large-line: 41px;
  --gs-dynamic-type-large-title-xLarge-size: 36px; --gs-dynamic-type-large-title-xLarge-line: 43px;
  --gs-dynamic-type-large-title-xxLarge-size: 38px; --gs-dynamic-type-large-title-xxLarge-line: 46px;
  --gs-dynamic-type-large-title-xxxLarge-size: 40px; --gs-dynamic-type-large-title-xxxLarge-line: 48px;
  --gs-dynamic-type-large-title-AX1-size: 44px; --gs-dynamic-type-large-title-AX1-line: 52px;
  --gs-dynamic-type-large-title-AX2-size: 48px; --gs-dynamic-type-large-title-AX2-line: 57px;
  --gs-dynamic-type-large-title-AX3-size: 52px; --gs-dynamic-type-large-title-AX3-line: 61px;
  --gs-dynamic-type-large-title-AX4-size: 56px; --gs-dynamic-type-large-title-AX4-line: 66px;
  --gs-dynamic-type-large-title-AX5-size: 60px; --gs-dynamic-type-large-title-AX5-line: 70px;
  --gs-dynamic-type-title-1-xSmall-size: 25px; --gs-dynamic-type-title-1-xSmall-line: 31px;
  --gs-dynamic-type-title-1-Small-size: 26px; --gs-dynamic-type-title-1-Small-line: 32px;
  --gs-dynamic-type-title-1-Medium-size: 27px; --gs-dynamic-type-title-1-Medium-line: 33px;
  --gs-dynamic-type-title-1-Large-size: 28px; --gs-dynamic-type-title-1-Large-line: 34px;
  --gs-dynamic-type-title-1-xLarge-size: 30px; --gs-dynamic-type-title-1-xLarge-line: 36px;
  --gs-dynamic-type-title-1-xxLarge-size: 32px; --gs-dynamic-type-title-1-xxLarge-line: 39px;
  --gs-dynamic-type-title-1-xxxLarge-size: 34px; --gs-dynamic-type-title-1-xxxLarge-line: 41px;
  --gs-dynamic-type-title-1-AX1-size: 38px; --gs-dynamic-type-title-1-AX1-line: 46px;
  --gs-dynamic-type-title-1-AX2-size: 43px; --gs-dynamic-type-title-1-AX2-line: 51px;
  --gs-dynamic-type-title-1-AX3-size: 48px; --gs-dynamic-type-title-1-AX3-line: 57px;
  --gs-dynamic-type-title-1-AX4-size: 53px; --gs-dynamic-type-title-1-AX4-line: 62px;
  --gs-dynamic-type-title-1-AX5-size: 58px; --gs-dynamic-type-title-1-AX5-line: 68px;
  --gs-dynamic-type-title-2-xSmall-size: 19px; --gs-dynamic-type-title-2-xSmall-line: 23px;
  --gs-dynamic-type-title-2-Small-size: 20px; --gs-dynamic-type-title-2-Small-line: 24px;
  --gs-dynamic-type-title-2-Medium-size: 21px; --gs-dynamic-type-title-2-Medium-line: 28px;
  --gs-dynamic-type-title-2-Large-size: 22px; --gs-dynamic-type-title-2-Large-line: 28px;
  --gs-dynamic-type-title-2-xLarge-size: 24px; --gs-dynamic-type-title-2-xLarge-line: 30px;
  --gs-dynamic-type-title-2-xxLarge-size: 26px; --gs-dynamic-type-title-2-xxLarge-line: 32px;
  --gs-dynamic-type-title-2-xxxLarge-size: 28px; --gs-dynamic-type-title-2-xxxLarge-line: 34px;
  --gs-dynamic-type-title-2-AX1-size: 34px; --gs-dynamic-type-title-2-AX1-line: 41px;
  --gs-dynamic-type-title-2-AX2-size: 43px; --gs-dynamic-type-title-2-AX2-line: 51px;
  --gs-dynamic-type-title-2-AX3-size: 44px; --gs-dynamic-type-title-2-AX3-line: 52px;
  --gs-dynamic-type-title-2-AX4-size: 50px; --gs-dynamic-type-title-2-AX4-line: 59px;
  --gs-dynamic-type-title-2-AX5-size: 56px; --gs-dynamic-type-title-2-AX5-line: 66px;
  --gs-dynamic-type-title-3-xSmall-size: 17px; --gs-dynamic-type-title-3-xSmall-line: 22px;
  --gs-dynamic-type-title-3-Small-size: 18px; --gs-dynamic-type-title-3-Small-line: 23px;
  --gs-dynamic-type-title-3-Medium-size: 19px; --gs-dynamic-type-title-3-Medium-line: 24px;
  --gs-dynamic-type-title-3-Large-size: 20px; --gs-dynamic-type-title-3-Large-line: 25px;
  --gs-dynamic-type-title-3-xLarge-size: 22px; --gs-dynamic-type-title-3-xLarge-line: 28px;
  --gs-dynamic-type-title-3-xxLarge-size: 24px; --gs-dynamic-type-title-3-xxLarge-line: 30px;
  --gs-dynamic-type-title-3-xxxLarge-size: 26px; --gs-dynamic-type-title-3-xxxLarge-line: 32px;
  --gs-dynamic-type-title-3-AX1-size: 31px; --gs-dynamic-type-title-3-AX1-line: 38px;
  --gs-dynamic-type-title-3-AX2-size: 37px; --gs-dynamic-type-title-3-AX2-line: 44px;
  --gs-dynamic-type-title-3-AX3-size: 43px; --gs-dynamic-type-title-3-AX3-line: 51px;
  --gs-dynamic-type-title-3-AX4-size: 43px; --gs-dynamic-type-title-3-AX4-line: 51px;
  --gs-dynamic-type-title-3-AX5-size: 55px; --gs-dynamic-type-title-3-AX5-line: 65px;
  --gs-dynamic-type-headline-xSmall-size: 14px; --gs-dynamic-type-headline-xSmall-line: 19px;
  --gs-dynamic-type-headline-Small-size: 15px; --gs-dynamic-type-headline-Small-line: 20px;
  --gs-dynamic-type-headline-Medium-size: 16px; --gs-dynamic-type-headline-Medium-line: 21px;
  --gs-dynamic-type-headline-Large-size: 17px; --gs-dynamic-type-headline-Large-line: 22px;
  --gs-dynamic-type-headline-xLarge-size: 19px; --gs-dynamic-type-headline-xLarge-line: 24px;
  --gs-dynamic-type-headline-xxLarge-size: 21px; --gs-dynamic-type-headline-xxLarge-line: 26px;
  --gs-dynamic-type-headline-xxxLarge-size: 23px; --gs-dynamic-type-headline-xxxLarge-line: 29px;
  --gs-dynamic-type-headline-AX1-size: 28px; --gs-dynamic-type-headline-AX1-line: 34px;
  --gs-dynamic-type-headline-AX2-size: 33px; --gs-dynamic-type-headline-AX2-line: 40px;
  --gs-dynamic-type-headline-AX3-size: 40px; --gs-dynamic-type-headline-AX3-line: 48px;
  --gs-dynamic-type-headline-AX4-size: 47px; --gs-dynamic-type-headline-AX4-line: 56px;
  --gs-dynamic-type-headline-AX5-size: 53px; --gs-dynamic-type-headline-AX5-line: 62px;
  --gs-dynamic-type-body-xSmall-size: 14px; --gs-dynamic-type-body-xSmall-line: 19px;
  --gs-dynamic-type-body-Small-size: 15px; --gs-dynamic-type-body-Small-line: 20px;
  --gs-dynamic-type-body-Medium-size: 16px; --gs-dynamic-type-body-Medium-line: 21px;
  --gs-dynamic-type-body-Large-size: 17px; --gs-dynamic-type-body-Large-line: 22px;
  --gs-dynamic-type-body-xLarge-size: 19px; --gs-dynamic-type-body-xLarge-line: 24px;
  --gs-dynamic-type-body-xxLarge-size: 21px; --gs-dynamic-type-body-xxLarge-line: 26px;
  --gs-dynamic-type-body-xxxLarge-size: 23px; --gs-dynamic-type-body-xxxLarge-line: 29px;
  --gs-dynamic-type-body-AX1-size: 28px; --gs-dynamic-type-body-AX1-line: 34px;
  --gs-dynamic-type-body-AX2-size: 33px; --gs-dynamic-type-body-AX2-line: 40px;
  --gs-dynamic-type-body-AX3-size: 40px; --gs-dynamic-type-body-AX3-line: 48px;
  --gs-dynamic-type-body-AX4-size: 47px; --gs-dynamic-type-body-AX4-line: 56px;
  --gs-dynamic-type-body-AX5-size: 53px; --gs-dynamic-type-body-AX5-line: 62px;
  --gs-dynamic-type-callout-xSmall-size: 13px; --gs-dynamic-type-callout-xSmall-line: 18px;
  --gs-dynamic-type-callout-Small-size: 14px; --gs-dynamic-type-callout-Small-line: 19px;
  --gs-dynamic-type-callout-Medium-size: 15px; --gs-dynamic-type-callout-Medium-line: 20px;
  --gs-dynamic-type-callout-Large-size: 16px; --gs-dynamic-type-callout-Large-line: 21px;
  --gs-dynamic-type-callout-xLarge-size: 18px; --gs-dynamic-type-callout-xLarge-line: 23px;
  --gs-dynamic-type-callout-xxLarge-size: 20px; --gs-dynamic-type-callout-xxLarge-line: 24px;
  --gs-dynamic-type-callout-xxxLarge-size: 22px; --gs-dynamic-type-callout-xxxLarge-line: 28px;
  --gs-dynamic-type-callout-AX1-size: 26px; --gs-dynamic-type-callout-AX1-line: 32px;
  --gs-dynamic-type-callout-AX2-size: 32px; --gs-dynamic-type-callout-AX2-line: 39px;
  --gs-dynamic-type-callout-AX3-size: 38px; --gs-dynamic-type-callout-AX3-line: 46px;
  --gs-dynamic-type-callout-AX4-size: 44px; --gs-dynamic-type-callout-AX4-line: 52px;
  --gs-dynamic-type-callout-AX5-size: 51px; --gs-dynamic-type-callout-AX5-line: 60px;
  --gs-dynamic-type-subheadline-xSmall-size: 12px; --gs-dynamic-type-subheadline-xSmall-line: 16px;
  --gs-dynamic-type-subheadline-Small-size: 13px; --gs-dynamic-type-subheadline-Small-line: 18px;
  --gs-dynamic-type-subheadline-Medium-size: 14px; --gs-dynamic-type-subheadline-Medium-line: 19px;
  --gs-dynamic-type-subheadline-Large-size: 15px; --gs-dynamic-type-subheadline-Large-line: 20px;
  --gs-dynamic-type-subheadline-xLarge-size: 17px; --gs-dynamic-type-subheadline-xLarge-line: 22px;
  --gs-dynamic-type-subheadline-xxLarge-size: 19px; --gs-dynamic-type-subheadline-xxLarge-line: 24px;
  --gs-dynamic-type-subheadline-xxxLarge-size: 21px; --gs-dynamic-type-subheadline-xxxLarge-line: 28px;
  --gs-dynamic-type-subheadline-AX1-size: 25px; --gs-dynamic-type-subheadline-AX1-line: 31px;
  --gs-dynamic-type-subheadline-AX2-size: 30px; --gs-dynamic-type-subheadline-AX2-line: 37px;
  --gs-dynamic-type-subheadline-AX3-size: 36px; --gs-dynamic-type-subheadline-AX3-line: 43px;
  --gs-dynamic-type-subheadline-AX4-size: 42px; --gs-dynamic-type-subheadline-AX4-line: 50px;
  --gs-dynamic-type-subheadline-AX5-size: 49px; --gs-dynamic-type-subheadline-AX5-line: 58px;
  --gs-dynamic-type-footnote-xSmall-size: 12px; --gs-dynamic-type-footnote-xSmall-line: 16px;
  --gs-dynamic-type-footnote-Small-size: 12px; --gs-dynamic-type-footnote-Small-line: 16px;
  --gs-dynamic-type-footnote-Medium-size: 12px; --gs-dynamic-type-footnote-Medium-line: 16px;
  --gs-dynamic-type-footnote-Large-size: 13px; --gs-dynamic-type-footnote-Large-line: 18px;
  --gs-dynamic-type-footnote-xLarge-size: 15px; --gs-dynamic-type-footnote-xLarge-line: 20px;
  --gs-dynamic-type-footnote-xxLarge-size: 17px; --gs-dynamic-type-footnote-xxLarge-line: 22px;
  --gs-dynamic-type-footnote-xxxLarge-size: 19px; --gs-dynamic-type-footnote-xxxLarge-line: 24px;
  --gs-dynamic-type-footnote-AX1-size: 23px; --gs-dynamic-type-footnote-AX1-line: 29px;
  --gs-dynamic-type-footnote-AX2-size: 27px; --gs-dynamic-type-footnote-AX2-line: 33px;
  --gs-dynamic-type-footnote-AX3-size: 33px; --gs-dynamic-type-footnote-AX3-line: 40px;
  --gs-dynamic-type-footnote-AX4-size: 38px; --gs-dynamic-type-footnote-AX4-line: 46px;
  --gs-dynamic-type-footnote-AX5-size: 44px; --gs-dynamic-type-footnote-AX5-line: 52px;
  --gs-dynamic-type-caption-1-xSmall-size: 11px; --gs-dynamic-type-caption-1-xSmall-line: 13px;
  --gs-dynamic-type-caption-1-Small-size: 11px; --gs-dynamic-type-caption-1-Small-line: 13px;
  --gs-dynamic-type-caption-1-Medium-size: 11px; --gs-dynamic-type-caption-1-Medium-line: 13px;
  --gs-dynamic-type-caption-1-Large-size: 12px; --gs-dynamic-type-caption-1-Large-line: 16px;
  --gs-dynamic-type-caption-1-xLarge-size: 14px; --gs-dynamic-type-caption-1-xLarge-line: 19px;
  --gs-dynamic-type-caption-1-xxLarge-size: 16px; --gs-dynamic-type-caption-1-xxLarge-line: 21px;
  --gs-dynamic-type-caption-1-xxxLarge-size: 18px; --gs-dynamic-type-caption-1-xxxLarge-line: 23px;
  --gs-dynamic-type-caption-1-AX1-size: 22px; --gs-dynamic-type-caption-1-AX1-line: 28px;
  --gs-dynamic-type-caption-1-AX2-size: 26px; --gs-dynamic-type-caption-1-AX2-line: 32px;
  --gs-dynamic-type-caption-1-AX3-size: 32px; --gs-dynamic-type-caption-1-AX3-line: 39px;
  --gs-dynamic-type-caption-1-AX4-size: 37px; --gs-dynamic-type-caption-1-AX4-line: 44px;
  --gs-dynamic-type-caption-1-AX5-size: 43px; --gs-dynamic-type-caption-1-AX5-line: 51px;
  --gs-dynamic-type-caption-2-xSmall-size: 11px; --gs-dynamic-type-caption-2-xSmall-line: 13px;
  --gs-dynamic-type-caption-2-Small-size: 11px; --gs-dynamic-type-caption-2-Small-line: 13px;
  --gs-dynamic-type-caption-2-Medium-size: 11px; --gs-dynamic-type-caption-2-Medium-line: 13px;
  --gs-dynamic-type-caption-2-Large-size: 11px; --gs-dynamic-type-caption-2-Large-line: 13px;
  --gs-dynamic-type-caption-2-xLarge-size: 13px; --gs-dynamic-type-caption-2-xLarge-line: 18px;
  --gs-dynamic-type-caption-2-xxLarge-size: 15px; --gs-dynamic-type-caption-2-xxLarge-line: 20px;
  --gs-dynamic-type-caption-2-xxxLarge-size: 17px; --gs-dynamic-type-caption-2-xxxLarge-line: 22px;
  --gs-dynamic-type-caption-2-AX1-size: 20px; --gs-dynamic-type-caption-2-AX1-line: 25px;
  --gs-dynamic-type-caption-2-AX2-size: 24px; --gs-dynamic-type-caption-2-AX2-line: 30px;
  --gs-dynamic-type-caption-2-AX3-size: 29px; --gs-dynamic-type-caption-2-AX3-line: 35px;
  --gs-dynamic-type-caption-2-AX4-size: 34px; --gs-dynamic-type-caption-2-AX4-line: 41px;
  --gs-dynamic-type-caption-2-AX5-size: 40px; --gs-dynamic-type-caption-2-AX5-line: 48px;
  --gs-macos-control-height-mini: 16px;
  --gs-macos-control-height-small: 20px;
  --gs-macos-control-height-medium: 24px;
  --gs-macos-control-height-large: 28px;
  --gs-macos-control-height-xl: 36px;
  --gs-macos-control-radius-mini: 4px;
  --gs-macos-control-radius-small: 5px;
  --gs-macos-control-radius-medium: 6px;
  --gs-macos-control-radius-large: 7px;
  --gs-macos-control-radius-xl: 9px;
  --gs-macos-font-body: 13px;
  --gs-macos-line-body: 16px;
  --gs-macos-menu-item: 24px;
  --gs-macos-window-bg-dark: #1E1E1E;
  --gs-macos-sidebar-bg: #DAE6F2;
  --gs-macos-sidebar-bg-dark: #141517;
}
@media (prefers-color-scheme: dark) {
  :root {
    --gs-color-light-bg: var(--gs-color-dark-mode-bg);
    --gs-color-light-bg-grouped: var(--gs-color-dark-mode-bg-grouped);
    --gs-color-light-bg-elevated: var(--gs-color-dark-mode-bg-elevated);
    --gs-color-light-label: var(--gs-color-dark-mode-label);
    --gs-color-light-label-secondary: var(--gs-color-dark-mode-label-secondary);
    --gs-color-light-separator: var(--gs-color-dark-mode-separator);
    --gs-color-light-fill: var(--gs-color-dark-mode-fill);
    --gs-color-light-action: var(--gs-color-dark-mode-action);
    --gs-color-light-accent-text: var(--gs-color-dark-mode-accent-text);
    --gs-color-light-tab-selected: var(--gs-color-dark-mode-tab-selected);
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --gs-motion-standard: 150ms; --gs-motion-sheet: 150ms; --gs-motion-morph: 150ms; }
}