/* ExampleDesignSystem — generated from tokens.json by tools/compile_tokens.py. Do not edit. */

:root, [data-theme="light"] {
  --g-color-brand-primary-5: #f7fbff;
  --g-color-brand-primary-10: #f0f7ff;
  --g-color-brand-primary-20: #cedeee;
  --g-color-brand-primary-30: #afc6de;
  --g-color-brand-primary-40: #7f97b0;
  --g-color-brand-primary-50: #4f6780;
  --g-color-brand-primary-60: #1e374f;
  --g-color-brand-primary-70: #142536;
  --g-color-brand-primary-80: #151e26;
  --g-color-brand-primary-90: #12151a;
  --g-color-brand-vivid-5: #f2feff;
  --g-color-brand-vivid-10: #e7f8fd;
  --g-color-brand-vivid-20: #a1e2f7;
  --g-color-brand-vivid-30: #75d3f4;
  --g-color-brand-vivid-40: #3cb1de;
  --g-color-brand-vivid-50: #017097;
  --g-color-brand-vivid-60: #00506c;
  --g-color-brand-vivid-70: #003244;
  --g-color-brand-vivid-80: #002330;
  --g-color-brand-vivid-90: #001820;
  --g-color-brand-accent-5: #fff7f2;
  --g-color-brand-accent-10: #ffe9da;
  --g-color-brand-accent-15: #ffd7b0;
  --g-color-brand-accent-20: #edbf98;
  --g-color-brand-accent-30: #d69e6e;
  --g-color-brand-accent-40: #d49458;
  --g-color-brand-accent-50: #896037;
  --g-color-brand-accent-60: #654421;
  --g-color-brand-accent-70: #452b0e;
  --g-color-brand-accent-80: #341f0a;
  --g-color-brand-accent-90: #271606;
  --g-color-brand-gray-0: #ffffff;
  --g-color-brand-gray-1: #fcfbfb;
  --g-color-brand-gray-3: #f7f5f5;
  --g-color-brand-gray-5: #f5f3f2;
  --g-color-brand-gray-10: #e8dfda;
  --g-color-brand-gray-20: #d4ceca;
  --g-color-brand-gray-30: #b7aea6;
  --g-color-brand-gray-40: #988b80;
  --g-color-brand-gray-50: #6a5e55;
  --g-color-brand-gray-60: #4c453f;
  --g-color-brand-gray-70: #3d3833;
  --g-color-brand-gray-80: #35312d;
  --g-color-brand-gray-90: #262321;
  --g-color-brand-gray-100: #000000;
  --g-color-emergency-5: #fcf8ff;
  --g-color-emergency-10: #f6f3ff;
  --g-color-emergency-20: #ddd2ff;
  --g-color-emergency-30: #c7baff;
  --g-color-emergency-40: #9184ff;
  --g-color-emergency-50: #5e56c1;
  --g-color-emergency-60: #3e3a84;
  --g-color-emergency-70: #23246e;
  --g-color-emergency-80: #15184d;
  --g-color-emergency-90: #131031;
  --g-color-error-5: #fff6f2;
  --g-color-error-10: #ffefec;
  --g-color-error-20: #ffc9c1;
  --g-color-error-30: #ffada5;
  --g-color-error-40: #ff5957;
  --g-color-error-50: #c7162a;
  --g-color-error-60: #890d1b;
  --g-color-error-70: #65000d;
  --g-color-error-80: #490000;
  --g-color-error-90: #330300;
  --g-color-warning-5: #fffbed;
  --g-color-warning-10: #fff2d4;
  --g-color-warning-20: #ffcf69;
  --g-color-warning-30: #ffb700;
  --g-color-warning-40: #c28a00;
  --g-color-warning-50: #684e00;
  --g-color-warning-60: #5b3e00;
  --g-color-warning-70: #3f2b00;
  --g-color-warning-80: #2c1c00;
  --g-color-warning-90: #201400;
  --g-color-success-5: #f3fdf1;
  --g-color-success-10: #ebf9e7;
  --g-color-success-20: #b0e6a9;
  --g-color-success-30: #8cd585;
  --g-color-success-40: #4ca74c;
  --g-color-success-50: #30722f;
  --g-color-success-60: #1e4d1f;
  --g-color-success-70: #013605;
  --g-color-success-80: #022500;
  --g-color-success-90: #031a00;
  --g-color-info-5: #f4fcfd;
  --g-color-info-10: #ecf7f9;
  --g-color-info-20: #b7dfe7;
  --g-color-info-30: #96cdd7;
  --g-color-info-40: #5b9faa;
  --g-color-info-50: #3a6c75;
  --g-color-info-60: #26494f;
  --g-color-info-70: #0a3339;
  --g-color-info-80: #062227;
  --g-color-info-90: #07181a;
  --g-color-focus-30: #6bc7b4;
  --g-color-focus-60: #2e8577;
  --g-color-overlay-black-8: rgba(0,0,0,0.08);
  --g-color-overlay-black-16: rgba(0,0,0,0.16);
  --g-color-overlay-white-8: rgba(255,255,255,0.08);
  --g-color-overlay-white-16: rgba(255,255,255,0.16);
  --g-color-overlay-scrim: rgba(18,21,26,0.64);
  --g-color-overlay-white-80: rgba(255,255,255,0.8);
  --g-color-overlay-navy-80: rgba(21,30,38,0.8);
  --g-color-overlay-white-60: rgba(255,255,255,0.6);
  --g-color-overlay-navy-60: rgba(21,30,38,0.6);
  --g-color-overlay-transparent: rgba(0,0,0,0);
  --g-color-doc-ground: #a4262c;
  --s-color-doc-ground: var(--g-color-doc-ground);
  --s-color-surface-page: var(--g-color-brand-gray-1);
  --s-color-surface-raised: var(--g-color-brand-gray-0);
  --s-color-surface-sunken: var(--g-color-brand-gray-3);
  --s-color-surface-selection: var(--g-color-brand-vivid-20);
  --s-color-surface-selected: var(--g-color-brand-vivid-10);
  --s-color-surface-disabled: var(--g-color-brand-gray-20);
  --s-color-surface-scrim: var(--g-color-overlay-scrim);
  --s-color-surface-glass: var(--g-color-overlay-white-80);
  --s-color-surface-bar: var(--g-color-brand-gray-0);
  --s-color-surface-none: var(--g-color-overlay-transparent);
  --s-color-surface-note: var(--g-color-brand-gray-0);
  --s-color-surface-elevated: var(--g-color-brand-gray-0);
  --s-color-surface-knob: var(--g-color-brand-gray-5);
  --s-color-surface-selected-accent: var(--g-color-brand-vivid-10);
  --s-color-surface-menu: var(--g-color-brand-gray-0);
  --s-color-surface-selected-primary: var(--g-color-brand-vivid-10);
  --s-color-surface-selected-vivid: var(--g-color-brand-vivid-10);
  --s-color-surface-card: var(--g-color-brand-gray-0);
  --s-color-surface-tint-gray: var(--g-color-brand-gray-5);
  --s-color-surface-tint-cream: var(--g-color-brand-accent-5);
  --s-color-surface-tint-primary-soft: var(--g-color-brand-primary-5);
  --s-color-surface-tint-primary: var(--g-color-brand-primary-10);
  --s-color-surface-tint-vivid: var(--g-color-brand-vivid-5);
  --s-color-surface-shade-gray-90: var(--g-color-brand-gray-90);
  --s-color-surface-shade-gray-80: var(--g-color-brand-gray-80);
  --s-color-surface-shade-gray-70: var(--g-color-brand-gray-70);
  --s-color-border-on-page: var(--g-color-brand-gray-10);
  --s-color-border-on-raised: var(--g-color-brand-gray-20);
  --s-color-border-on-elevated: var(--g-color-brand-gray-20);
  --s-color-border-on-sunken: var(--g-color-brand-gray-10);
  --s-color-border-strong: var(--g-color-brand-gray-40);
  --s-color-border-disabled: var(--g-color-brand-gray-20);
  --s-color-border-divider: var(--g-color-brand-gray-30);
  --s-color-border-vivid: var(--g-color-brand-vivid-50);
  --s-color-border-divider-soft: var(--g-color-brand-gray-20);
  --s-color-border-divider-strong: var(--g-color-brand-gray-40);
  --s-color-border-vivid-soft: var(--g-color-brand-vivid-40);
  --s-color-border-vivid-faint: var(--g-color-brand-vivid-20);
  --s-color-border-seam-elevated: var(--g-color-brand-gray-5);
  --s-color-border-seam-page: var(--g-color-brand-gray-5);
  --s-color-border-seam-sunken: var(--g-color-brand-gray-10);
  --s-color-border-seam-quiet: var(--g-color-brand-primary-10);
  --s-color-border-seam-friendly: var(--g-color-brand-vivid-10);
  --s-color-border-seam-dark: var(--g-color-brand-primary-60);
  --s-color-text-primary: var(--g-color-brand-gray-90);
  --s-color-text-secondary: var(--g-color-brand-gray-60);
  --s-color-text-heading: var(--g-color-brand-gray-90);
  --s-color-text-tertiary: var(--g-color-brand-gray-50);
  --s-color-text-disabled: var(--g-color-brand-gray-40);
  --s-color-text-on-action: var(--g-color-brand-gray-0);
  --s-color-text-brand-tertiary: var(--g-color-brand-primary-50);
  --s-color-text-on-note: var(--g-color-brand-gray-60);
  --s-color-text-on-note-soft: var(--g-color-brand-gray-50);
  --s-color-text-on-note-strong: var(--g-color-brand-gray-90);
  --s-color-text-label-accent: var(--g-color-brand-gray-50);
  --s-color-text-section-eyebrow: var(--g-color-brand-accent-50);
  --s-color-text-opener-body: var(--g-color-brand-gray-60);
  --s-color-text-opener-eyebrow: var(--g-color-brand-gray-50);
  --s-color-text-citation: var(--g-color-brand-gray-60);
  --s-color-text-menu-item: var(--g-color-brand-gray-90);
  --s-color-text-on-selected: var(--g-color-brand-gray-90);
  --s-color-text-dismiss: var(--g-color-brand-gray-80);
  --s-color-action-base: var(--g-color-brand-vivid-50);
  --s-color-action-outline: var(--g-color-brand-vivid-50);
  --s-color-action-link: var(--g-color-brand-vivid-60);
  --s-color-action-destructive: var(--g-color-error-50);
  --s-color-action-link-on-note: var(--g-color-brand-vivid-50);
  --s-color-action-deep: var(--g-color-brand-vivid-60);
  --s-color-action-link-visited: var(--g-color-brand-vivid-70);
  --s-color-accent-base: var(--g-color-brand-accent-50);
  --s-color-accent-on-note: var(--g-color-brand-accent-50);
  --s-color-accent-divider: var(--g-color-brand-accent-30);
  --s-color-accent-fill: var(--g-color-brand-accent-50);
  --s-color-accent-outline: var(--g-color-brand-accent-50);
  --s-color-accent-soft: var(--g-color-brand-accent-30);
  --s-color-accent-numeral: var(--g-color-brand-accent-50);
  --s-color-accent-numeral-deep: var(--g-color-brand-accent-60);
  --s-color-accent-deep: var(--g-color-brand-accent-70);
  --s-color-emphasis-border: var(--g-color-brand-vivid-40);
  --s-color-emphasis-edge: var(--g-color-brand-vivid-50);
  --s-color-emphasis-eyebrow-divider: var(--g-color-brand-vivid-30);
  --s-color-emphasis-accent-border: var(--g-color-brand-accent-50);
  --s-color-emphasis-selected-edge: var(--g-color-brand-vivid-50);
  --s-color-emphasis-selected-edge-primary: var(--g-color-brand-vivid-50);
  --s-color-emphasis-selected-edge-vivid: var(--g-color-brand-vivid-50);
  --s-color-emphasis-accent-edge: var(--g-color-brand-accent-60);
  --s-color-emphasis-accent-surface: var(--g-color-brand-accent-5);
  --s-color-emphasis-accent-ink: var(--g-color-brand-accent-60);
  --s-color-emphasis-accent-ink-strong: var(--g-color-brand-gray-90);
  --s-color-focus-ring: var(--g-color-focus-60);
  --s-color-state-hover: var(--g-color-overlay-black-8);
  --s-color-state-pressed: var(--g-color-overlay-black-16);
  --s-color-state-hover-tint: var(--g-color-brand-accent-5);
  --s-color-state-hover-surface: var(--g-color-brand-gray-0);
  --s-color-state-hover-fixed: var(--g-color-overlay-black-8);
  --s-color-state-pressed-fixed: var(--g-color-overlay-black-16);
  --s-color-status-error-base: var(--g-color-error-50);
  --s-color-status-error-surface: var(--g-color-error-5);
  --s-color-status-error-border: var(--g-color-error-20);
  --s-color-status-error-text: var(--g-color-error-60);
  --s-color-status-error-ink: var(--g-color-error-50);
  --s-color-status-warning-base: var(--g-color-warning-50);
  --s-color-status-warning-surface: var(--g-color-warning-5);
  --s-color-status-warning-border: var(--g-color-warning-20);
  --s-color-status-warning-text: var(--g-color-warning-60);
  --s-color-status-success-base: var(--g-color-success-50);
  --s-color-status-success-surface: var(--g-color-success-5);
  --s-color-status-success-border: var(--g-color-success-20);
  --s-color-status-success-text: var(--g-color-success-60);
  --s-color-status-info-base: var(--g-color-info-50);
  --s-color-status-info-surface: var(--g-color-info-5);
  --s-color-status-info-border: var(--g-color-info-20);
  --s-color-status-info-text: var(--g-color-info-60);
  --s-color-status-emergency-base: var(--g-color-emergency-50);
  --s-color-status-emergency-surface: var(--g-color-emergency-5);
  --s-color-status-emergency-border: var(--g-color-emergency-20);
  --s-color-status-emergency-text: var(--g-color-emergency-60);
  --s-color-status-emergency-fill: var(--g-color-emergency-50);
  --s-color-conv-user-surface: var(--g-color-brand-vivid-10);
  --s-color-conv-user-border: var(--g-color-brand-vivid-20);
  --s-color-conv-assistant-surface: var(--g-color-brand-gray-0);
  --s-color-conv-assistant-border: var(--g-color-brand-gray-10);
  --s-color-conv-system-surface: var(--g-color-brand-gray-5);
  --s-color-conv-system-border: var(--g-color-brand-gray-10);
  --s-color-conv-avatar-assistant: var(--g-color-brand-vivid-50);
  --s-color-conv-avatar-user: var(--g-color-brand-gray-20);
  --s-color-conv-avatar-user-ink: var(--g-color-brand-gray-80);
  --s-color-conv-source-marker: var(--g-color-brand-accent-50);
  --s-color-conv-running: var(--g-color-brand-vivid-40);
  --s-color-conv-running-ring: var(--g-color-brand-vivid-60);
  --s-color-scrim-light: var(--g-color-overlay-white-60);
  --s-color-scrim-dark: var(--g-color-overlay-navy-60);
  --s-color-pinned-surface: var(--g-color-brand-gray-3);
  --s-color-pinned-ink: var(--g-color-brand-gray-60);
  --s-color-pinned-ink-strong: var(--g-color-brand-gray-90);
  --s-color-pinned-border: var(--g-color-brand-gray-10);
  --s-color-pinned-surface-dark: var(--g-color-brand-primary-80);
  --s-color-pinned-heading-dark: var(--g-color-brand-accent-20);
  --s-color-pinned-ink-strong-dark: var(--g-color-brand-accent-5);
  --s-color-pinned-ink-dark: var(--g-color-brand-gray-20);
  --s-color-pinned-ink-quiet-dark: var(--g-color-brand-gray-30);
  --s-color-pinned-link-dark: var(--g-color-brand-primary-20);
  --s-color-pinned-link: var(--g-color-brand-vivid-60);
  --s-color-pinned-surface-deep: var(--g-color-brand-primary-90);
  --s-color-pinned-surface-elevated-dark: var(--g-color-brand-primary-60);
  --s-color-pinned-surface-vivid-dark: var(--g-color-brand-vivid-70);
  --s-color-pinned-surface-raised-dark: var(--g-color-brand-primary-70);
}
[data-theme="dark"] {
  --s-color-doc-ground: var(--g-color-doc-ground);
  --s-color-surface-page: var(--g-color-brand-primary-80);
  --s-color-surface-raised: var(--g-color-brand-primary-70);
  --s-color-surface-sunken: var(--g-color-brand-primary-90);
  --s-color-surface-selection: var(--g-color-brand-vivid-20);
  --s-color-surface-selected: var(--g-color-brand-vivid-80);
  --s-color-surface-disabled: var(--g-color-brand-gray-80);
  --s-color-surface-scrim: var(--g-color-overlay-scrim);
  --s-color-surface-glass: var(--g-color-overlay-navy-80);
  --s-color-surface-bar: var(--g-color-brand-primary-80);
  --s-color-surface-none: var(--g-color-overlay-transparent);
  --s-color-surface-note: var(--g-color-brand-primary-20);
  --s-color-surface-elevated: var(--g-color-brand-primary-60);
  --s-color-surface-knob: var(--g-color-brand-gray-0);
  --s-color-surface-selected-accent: var(--g-color-brand-accent-50);
  --s-color-surface-menu: var(--g-color-brand-primary-80);
  --s-color-surface-selected-primary: var(--g-color-brand-primary-50);
  --s-color-surface-selected-vivid: var(--g-color-brand-vivid-50);
  --s-color-surface-card: var(--g-color-brand-primary-60);
  --s-color-surface-tint-gray: var(--g-color-brand-gray-5);
  --s-color-surface-tint-cream: var(--g-color-brand-accent-5);
  --s-color-surface-tint-primary-soft: var(--g-color-brand-primary-5);
  --s-color-surface-tint-primary: var(--g-color-brand-primary-10);
  --s-color-surface-tint-vivid: var(--g-color-brand-vivid-5);
  --s-color-surface-shade-gray-90: var(--g-color-brand-gray-90);
  --s-color-surface-shade-gray-80: var(--g-color-brand-gray-80);
  --s-color-surface-shade-gray-70: var(--g-color-brand-gray-70);
  --s-color-border-on-page: var(--g-color-brand-primary-60);
  --s-color-border-on-raised: var(--g-color-brand-primary-60);
  --s-color-border-on-elevated: var(--g-color-brand-primary-70);
  --s-color-border-on-sunken: var(--g-color-brand-primary-60);
  --s-color-border-strong: var(--g-color-brand-gray-30);
  --s-color-border-disabled: var(--g-color-brand-gray-60);
  --s-color-border-divider: var(--g-color-brand-primary-50);
  --s-color-border-vivid: var(--g-color-brand-vivid-40);
  --s-color-border-divider-soft: var(--g-color-brand-primary-60);
  --s-color-border-divider-strong: var(--g-color-brand-gray-40);
  --s-color-border-vivid-soft: var(--g-color-brand-vivid-30);
  --s-color-border-vivid-faint: var(--g-color-brand-vivid-70);
  --s-color-border-seam-elevated: var(--g-color-brand-gray-5);
  --s-color-border-seam-page: var(--g-color-brand-gray-5);
  --s-color-border-seam-sunken: var(--g-color-brand-gray-10);
  --s-color-border-seam-quiet: var(--g-color-brand-primary-10);
  --s-color-border-seam-friendly: var(--g-color-brand-vivid-10);
  --s-color-border-seam-dark: var(--g-color-brand-primary-60);
  --s-color-text-primary: var(--g-color-brand-accent-5);
  --s-color-text-secondary: var(--g-color-brand-gray-10);
  --s-color-text-heading: var(--g-color-brand-accent-20);
  --s-color-text-tertiary: var(--g-color-brand-gray-30);
  --s-color-text-disabled: var(--g-color-brand-gray-40);
  --s-color-text-on-action: var(--g-color-brand-gray-0);
  --s-color-text-brand-tertiary: var(--g-color-brand-primary-20);
  --s-color-text-on-note: var(--g-color-brand-gray-60);
  --s-color-text-on-note-soft: var(--g-color-brand-gray-50);
  --s-color-text-on-note-strong: var(--g-color-brand-gray-60);
  --s-color-text-label-accent: var(--g-color-brand-accent-20);
  --s-color-text-section-eyebrow: var(--g-color-brand-accent-5);
  --s-color-text-opener-body: var(--g-color-brand-accent-5);
  --s-color-text-opener-eyebrow: var(--g-color-brand-gray-10);
  --s-color-text-citation: var(--g-color-brand-gray-20);
  --s-color-text-menu-item: var(--g-color-brand-gray-10);
  --s-color-text-on-selected: var(--g-color-brand-gray-0);
  --s-color-text-dismiss: var(--g-color-brand-gray-20);
  --s-color-action-base: var(--g-color-brand-vivid-50);
  --s-color-action-outline: var(--g-color-brand-primary-30);
  --s-color-action-link: var(--g-color-brand-primary-20);
  --s-color-action-destructive: var(--g-color-error-50);
  --s-color-action-link-on-note: var(--g-color-brand-vivid-60);
  --s-color-action-deep: var(--g-color-brand-vivid-40);
  --s-color-action-link-visited: var(--g-color-brand-vivid-20);
  --s-color-accent-base: var(--g-color-brand-accent-20);
  --s-color-accent-on-note: var(--g-color-brand-accent-60);
  --s-color-accent-divider: var(--g-color-brand-accent-40);
  --s-color-accent-fill: var(--g-color-brand-accent-50);
  --s-color-accent-outline: var(--g-color-brand-accent-15);
  --s-color-accent-soft: var(--g-color-brand-accent-30);
  --s-color-accent-numeral: var(--g-color-brand-accent-40);
  --s-color-accent-numeral-deep: var(--g-color-brand-accent-60);
  --s-color-accent-deep: var(--g-color-brand-accent-20);
  --s-color-emphasis-border: var(--g-color-brand-vivid-40);
  --s-color-emphasis-edge: var(--g-color-brand-vivid-50);
  --s-color-emphasis-eyebrow-divider: var(--g-color-brand-vivid-30);
  --s-color-emphasis-accent-border: var(--g-color-brand-accent-40);
  --s-color-emphasis-selected-edge: var(--g-color-brand-accent-30);
  --s-color-emphasis-selected-edge-primary: var(--g-color-brand-primary-30);
  --s-color-emphasis-selected-edge-vivid: var(--g-color-brand-vivid-40);
  --s-color-emphasis-accent-edge: var(--g-color-brand-accent-50);
  --s-color-emphasis-accent-surface: var(--g-color-brand-primary-60);
  --s-color-emphasis-accent-ink: var(--g-color-brand-accent-20);
  --s-color-emphasis-accent-ink-strong: var(--g-color-brand-accent-10);
  --s-color-focus-ring: var(--g-color-focus-30);
  --s-color-state-hover: var(--g-color-overlay-white-8);
  --s-color-state-pressed: var(--g-color-overlay-white-16);
  --s-color-state-hover-tint: var(--g-color-overlay-white-8);
  --s-color-state-hover-surface: var(--g-color-overlay-black-8);
  --s-color-state-hover-fixed: var(--g-color-overlay-black-8);
  --s-color-state-pressed-fixed: var(--g-color-overlay-black-16);
  --s-color-status-error-base: var(--g-color-error-30);
  --s-color-status-error-surface: var(--g-color-error-90);
  --s-color-status-error-border: var(--g-color-error-80);
  --s-color-status-error-text: var(--g-color-error-10);
  --s-color-status-error-ink: var(--g-color-error-20);
  --s-color-status-warning-base: var(--g-color-warning-30);
  --s-color-status-warning-surface: var(--g-color-warning-90);
  --s-color-status-warning-border: var(--g-color-warning-80);
  --s-color-status-warning-text: var(--g-color-warning-20);
  --s-color-status-success-base: var(--g-color-success-30);
  --s-color-status-success-surface: var(--g-color-success-90);
  --s-color-status-success-border: var(--g-color-success-80);
  --s-color-status-success-text: var(--g-color-success-20);
  --s-color-status-info-base: var(--g-color-info-30);
  --s-color-status-info-surface: var(--g-color-info-90);
  --s-color-status-info-border: var(--g-color-info-80);
  --s-color-status-info-text: var(--g-color-info-20);
  --s-color-status-emergency-base: var(--g-color-emergency-30);
  --s-color-status-emergency-surface: var(--g-color-emergency-90);
  --s-color-status-emergency-border: var(--g-color-emergency-80);
  --s-color-status-emergency-text: var(--g-color-emergency-20);
  --s-color-status-emergency-fill: var(--g-color-emergency-50);
  --s-color-conv-user-surface: var(--g-color-brand-vivid-10);
  --s-color-conv-user-border: var(--g-color-brand-vivid-20);
  --s-color-conv-assistant-surface: var(--g-color-brand-gray-0);
  --s-color-conv-assistant-border: var(--g-color-brand-gray-10);
  --s-color-conv-system-surface: var(--g-color-brand-gray-5);
  --s-color-conv-system-border: var(--g-color-brand-gray-10);
  --s-color-conv-avatar-assistant: var(--g-color-brand-vivid-50);
  --s-color-conv-avatar-user: var(--g-color-brand-gray-20);
  --s-color-conv-avatar-user-ink: var(--g-color-brand-gray-80);
  --s-color-conv-source-marker: var(--g-color-brand-accent-50);
  --s-color-conv-running: var(--g-color-brand-vivid-40);
  --s-color-conv-running-ring: var(--g-color-brand-vivid-60);
  --s-color-scrim-light: var(--g-color-overlay-white-60);
  --s-color-scrim-dark: var(--g-color-overlay-navy-60);
  --s-color-pinned-surface: var(--g-color-brand-gray-3);
  --s-color-pinned-ink: var(--g-color-brand-gray-60);
  --s-color-pinned-ink-strong: var(--g-color-brand-gray-90);
  --s-color-pinned-border: var(--g-color-brand-gray-10);
  --s-color-pinned-surface-dark: var(--g-color-brand-primary-80);
  --s-color-pinned-heading-dark: var(--g-color-brand-accent-20);
  --s-color-pinned-ink-strong-dark: var(--g-color-brand-accent-5);
  --s-color-pinned-ink-dark: var(--g-color-brand-gray-20);
  --s-color-pinned-ink-quiet-dark: var(--g-color-brand-gray-30);
  --s-color-pinned-link-dark: var(--g-color-brand-primary-20);
  --s-color-pinned-link: var(--g-color-brand-vivid-60);
  --s-color-pinned-surface-deep: var(--g-color-brand-primary-90);
  --s-color-pinned-surface-elevated-dark: var(--g-color-brand-primary-60);
  --s-color-pinned-surface-vivid-dark: var(--g-color-brand-vivid-70);
  --s-color-pinned-surface-raised-dark: var(--g-color-brand-primary-70);
}
[data-theme="alt"] {
  --g-color-brand-primary-5: #f7faff;
  --g-color-brand-primary-10: #f0f4ff;
  --g-color-brand-primary-20: #d1dbf0;
  --g-color-brand-primary-30: #b6c2de;
  --g-color-brand-primary-40: #8895b2;
  --g-color-brand-primary-50: #546387;
  --g-color-brand-primary-60: #25314d;
  --g-color-brand-primary-70: #152036;
  --g-color-brand-primary-80: #191d26;
  --g-color-brand-primary-90: #12141a;
  --g-color-brand-vivid-5: #f7fcf9;
  --g-color-brand-vivid-10: #edfaf1;
  --g-color-brand-vivid-20: #ace5bb;
  --g-color-brand-vivid-30: #71e08c;
  --g-color-brand-vivid-40: #6bb27b;
  --g-color-brand-vivid-50: #357443;
  --g-color-brand-vivid-60: #035a19;
  --g-color-brand-vivid-70: #0b3516;
  --g-color-brand-vivid-80: #05220d;
  --g-color-brand-vivid-90: #001203;
  --g-color-brand-accent-5: #fffbf2;
  --g-color-brand-accent-10: #fff6de;
  --g-color-brand-accent-15: #ffe299;
  --g-color-brand-accent-20: #f2c249;
  --g-color-brand-accent-30: #cca33d;
  --g-color-brand-accent-40: #ca9512;
  --g-color-brand-accent-50: #7d6018;
  --g-color-brand-accent-60: #59481d;
  --g-color-brand-accent-70: #3d2f0d;
  --g-color-brand-accent-80: #2b220b;
  --g-color-brand-accent-90: #211905;
  --g-color-brand-gray-0: #ffffff;
  --g-color-brand-gray-1: #fcfbfb;
  --g-color-brand-gray-3: #f7f5f5;
  --g-color-brand-gray-5: #f5f4f2;
  --g-color-brand-gray-10: #e8e3da;
  --g-color-brand-gray-20: #d1ccc2;
  --g-color-brand-gray-30: #b8b2a7;
  --g-color-brand-gray-40: #969186;
  --g-color-brand-gray-50: #6b675e;
  --g-color-brand-gray-60: #4a4844;
  --g-color-brand-gray-70: #3d3a33;
  --g-color-brand-gray-80: #33302b;
  --g-color-brand-gray-90: #262522;
  --g-color-brand-gray-100: #000000;
  --s-color-doc-ground: var(--g-color-doc-ground);
  --s-color-surface-page: var(--g-color-brand-gray-1);
  --s-color-surface-raised: var(--g-color-brand-gray-0);
  --s-color-surface-sunken: var(--g-color-brand-gray-3);
  --s-color-surface-selection: var(--g-color-brand-vivid-20);
  --s-color-surface-selected: var(--g-color-brand-vivid-10);
  --s-color-surface-disabled: var(--g-color-brand-gray-20);
  --s-color-surface-scrim: var(--g-color-overlay-scrim);
  --s-color-surface-glass: var(--g-color-overlay-white-80);
  --s-color-surface-bar: var(--g-color-brand-gray-0);
  --s-color-surface-none: var(--g-color-overlay-transparent);
  --s-color-surface-note: var(--g-color-brand-gray-0);
  --s-color-surface-elevated: var(--g-color-brand-gray-0);
  --s-color-surface-knob: var(--g-color-brand-gray-5);
  --s-color-surface-selected-accent: var(--g-color-brand-vivid-10);
  --s-color-surface-menu: var(--g-color-brand-gray-0);
  --s-color-surface-selected-primary: var(--g-color-brand-vivid-10);
  --s-color-surface-selected-vivid: var(--g-color-brand-vivid-10);
  --s-color-surface-card: var(--g-color-brand-gray-0);
  --s-color-surface-tint-gray: var(--g-color-brand-gray-5);
  --s-color-surface-tint-cream: var(--g-color-brand-accent-5);
  --s-color-surface-tint-primary-soft: var(--g-color-brand-primary-5);
  --s-color-surface-tint-primary: var(--g-color-brand-primary-10);
  --s-color-surface-tint-vivid: var(--g-color-brand-vivid-5);
  --s-color-surface-shade-gray-90: var(--g-color-brand-gray-90);
  --s-color-surface-shade-gray-80: var(--g-color-brand-gray-80);
  --s-color-surface-shade-gray-70: var(--g-color-brand-gray-70);
  --s-color-border-on-page: var(--g-color-brand-gray-10);
  --s-color-border-on-raised: var(--g-color-brand-gray-20);
  --s-color-border-on-elevated: var(--g-color-brand-gray-20);
  --s-color-border-on-sunken: var(--g-color-brand-gray-10);
  --s-color-border-strong: var(--g-color-brand-gray-40);
  --s-color-border-disabled: var(--g-color-brand-gray-20);
  --s-color-border-divider: var(--g-color-brand-gray-30);
  --s-color-border-vivid: var(--g-color-brand-vivid-50);
  --s-color-border-divider-soft: var(--g-color-brand-gray-20);
  --s-color-border-divider-strong: var(--g-color-brand-gray-40);
  --s-color-border-vivid-soft: var(--g-color-brand-vivid-40);
  --s-color-border-vivid-faint: var(--g-color-brand-vivid-20);
  --s-color-border-seam-elevated: var(--g-color-brand-gray-5);
  --s-color-border-seam-page: var(--g-color-brand-gray-5);
  --s-color-border-seam-sunken: var(--g-color-brand-gray-10);
  --s-color-border-seam-quiet: var(--g-color-brand-primary-10);
  --s-color-border-seam-friendly: var(--g-color-brand-vivid-10);
  --s-color-border-seam-dark: var(--g-color-brand-primary-60);
  --s-color-text-primary: var(--g-color-brand-gray-90);
  --s-color-text-secondary: var(--g-color-brand-gray-60);
  --s-color-text-heading: var(--g-color-brand-gray-90);
  --s-color-text-tertiary: var(--g-color-brand-gray-50);
  --s-color-text-disabled: var(--g-color-brand-gray-40);
  --s-color-text-on-action: var(--g-color-brand-gray-0);
  --s-color-text-brand-tertiary: var(--g-color-brand-primary-50);
  --s-color-text-on-note: var(--g-color-brand-gray-60);
  --s-color-text-on-note-soft: var(--g-color-brand-gray-50);
  --s-color-text-on-note-strong: var(--g-color-brand-gray-90);
  --s-color-text-label-accent: var(--g-color-brand-gray-50);
  --s-color-text-section-eyebrow: var(--g-color-brand-accent-50);
  --s-color-text-opener-body: var(--g-color-brand-gray-60);
  --s-color-text-opener-eyebrow: var(--g-color-brand-gray-50);
  --s-color-text-citation: var(--g-color-brand-gray-60);
  --s-color-text-menu-item: var(--g-color-brand-gray-90);
  --s-color-text-on-selected: var(--g-color-brand-gray-90);
  --s-color-text-dismiss: var(--g-color-brand-gray-80);
  --s-color-action-base: var(--g-color-brand-vivid-50);
  --s-color-action-outline: var(--g-color-brand-vivid-50);
  --s-color-action-link: var(--g-color-brand-vivid-60);
  --s-color-action-destructive: var(--g-color-error-50);
  --s-color-action-link-on-note: var(--g-color-brand-vivid-50);
  --s-color-action-deep: var(--g-color-brand-vivid-60);
  --s-color-action-link-visited: var(--g-color-brand-vivid-70);
  --s-color-accent-base: var(--g-color-brand-accent-50);
  --s-color-accent-on-note: var(--g-color-brand-accent-50);
  --s-color-accent-divider: var(--g-color-brand-accent-30);
  --s-color-accent-fill: var(--g-color-brand-accent-50);
  --s-color-accent-outline: var(--g-color-brand-accent-50);
  --s-color-accent-soft: var(--g-color-brand-accent-30);
  --s-color-accent-numeral: var(--g-color-brand-accent-50);
  --s-color-accent-numeral-deep: var(--g-color-brand-accent-60);
  --s-color-accent-deep: var(--g-color-brand-accent-70);
  --s-color-emphasis-border: var(--g-color-brand-vivid-40);
  --s-color-emphasis-edge: var(--g-color-brand-vivid-50);
  --s-color-emphasis-eyebrow-divider: var(--g-color-brand-vivid-30);
  --s-color-emphasis-accent-border: var(--g-color-brand-accent-50);
  --s-color-emphasis-selected-edge: var(--g-color-brand-vivid-50);
  --s-color-emphasis-selected-edge-primary: var(--g-color-brand-vivid-50);
  --s-color-emphasis-selected-edge-vivid: var(--g-color-brand-vivid-50);
  --s-color-emphasis-accent-edge: var(--g-color-brand-accent-60);
  --s-color-emphasis-accent-surface: var(--g-color-brand-accent-5);
  --s-color-emphasis-accent-ink: var(--g-color-brand-accent-60);
  --s-color-emphasis-accent-ink-strong: var(--g-color-brand-gray-90);
  --s-color-focus-ring: var(--g-color-focus-60);
  --s-color-state-hover: var(--g-color-overlay-black-8);
  --s-color-state-pressed: var(--g-color-overlay-black-16);
  --s-color-state-hover-tint: var(--g-color-brand-accent-5);
  --s-color-state-hover-surface: var(--g-color-brand-gray-0);
  --s-color-state-hover-fixed: var(--g-color-overlay-black-8);
  --s-color-state-pressed-fixed: var(--g-color-overlay-black-16);
  --s-color-status-error-base: var(--g-color-error-50);
  --s-color-status-error-surface: var(--g-color-error-5);
  --s-color-status-error-border: var(--g-color-error-20);
  --s-color-status-error-text: var(--g-color-error-60);
  --s-color-status-error-ink: var(--g-color-error-50);
  --s-color-status-warning-base: var(--g-color-warning-50);
  --s-color-status-warning-surface: var(--g-color-warning-5);
  --s-color-status-warning-border: var(--g-color-warning-20);
  --s-color-status-warning-text: var(--g-color-warning-60);
  --s-color-status-success-base: var(--g-color-success-50);
  --s-color-status-success-surface: var(--g-color-success-5);
  --s-color-status-success-border: var(--g-color-success-20);
  --s-color-status-success-text: var(--g-color-success-60);
  --s-color-status-info-base: var(--g-color-info-50);
  --s-color-status-info-surface: var(--g-color-info-5);
  --s-color-status-info-border: var(--g-color-info-20);
  --s-color-status-info-text: var(--g-color-info-60);
  --s-color-status-emergency-base: var(--g-color-emergency-50);
  --s-color-status-emergency-surface: var(--g-color-emergency-5);
  --s-color-status-emergency-border: var(--g-color-emergency-20);
  --s-color-status-emergency-text: var(--g-color-emergency-60);
  --s-color-status-emergency-fill: var(--g-color-emergency-50);
  --s-color-conv-user-surface: var(--g-color-brand-vivid-10);
  --s-color-conv-user-border: var(--g-color-brand-vivid-20);
  --s-color-conv-assistant-surface: var(--g-color-brand-gray-0);
  --s-color-conv-assistant-border: var(--g-color-brand-gray-10);
  --s-color-conv-system-surface: var(--g-color-brand-gray-5);
  --s-color-conv-system-border: var(--g-color-brand-gray-10);
  --s-color-conv-avatar-assistant: var(--g-color-brand-vivid-50);
  --s-color-conv-avatar-user: var(--g-color-brand-gray-20);
  --s-color-conv-avatar-user-ink: var(--g-color-brand-gray-80);
  --s-color-conv-source-marker: var(--g-color-brand-accent-50);
  --s-color-conv-running: var(--g-color-brand-vivid-40);
  --s-color-conv-running-ring: var(--g-color-brand-vivid-60);
  --s-color-scrim-light: var(--g-color-overlay-white-60);
  --s-color-scrim-dark: var(--g-color-overlay-navy-60);
  --s-color-pinned-surface: var(--g-color-brand-gray-3);
  --s-color-pinned-ink: var(--g-color-brand-gray-60);
  --s-color-pinned-ink-strong: var(--g-color-brand-gray-90);
  --s-color-pinned-border: var(--g-color-brand-gray-10);
  --s-color-pinned-surface-dark: var(--g-color-brand-primary-80);
  --s-color-pinned-heading-dark: var(--g-color-brand-accent-20);
  --s-color-pinned-ink-strong-dark: var(--g-color-brand-accent-5);
  --s-color-pinned-ink-dark: var(--g-color-brand-gray-20);
  --s-color-pinned-ink-quiet-dark: var(--g-color-brand-gray-30);
  --s-color-pinned-link-dark: var(--g-color-brand-primary-20);
  --s-color-pinned-link: var(--g-color-brand-vivid-60);
  --s-color-pinned-surface-deep: var(--g-color-brand-primary-90);
  --s-color-pinned-surface-elevated-dark: var(--g-color-brand-primary-60);
  --s-color-pinned-surface-vivid-dark: var(--g-color-brand-vivid-70);
  --s-color-pinned-surface-raised-dark: var(--g-color-brand-primary-70);
}
:root {
  --s-space-none: 0px;
  --s-space-2xs: 2px;
  --s-space-xs: 4px;
  --s-space-sm: 8px;
  --s-space-md: 12px;
  --s-space-base: 16px;
  --s-space-lg: 20px;
  --s-space-xl: 24px;
  --s-space-2xl: 32px;
  --s-space-3xl: 40px;
  --s-space-4xl: 48px;
  --s-space-5xl: 64px;
  --s-space-tight: 10px;
  --s-radius-control: 0;
  --s-radius-container: 0;
  --s-radius-conv-sm: 4px;
  --s-radius-conv-md: 8px;
  --s-radius-conv-lg: 16px;
  --s-radius-conv-pill: 999px;
  --s-radius-step: 999px;
  --s-radius-radio: 999px;
  --s-size-control-sm: 32px;
  --s-size-control-md: 40px;
  --s-size-control-lg: 48px;
  --s-size-icon-xs: 12px;
  --s-size-icon-sm: 16px;
  --s-size-icon-ring: 13px;
  --s-size-icon-md: 20px;
  --s-size-icon-lg: 24px;
  --s-size-target-min: 44px;
  --s-size-measure-prose: 672px;
  --s-size-measure-text: 54ch;
  --s-size-measure-ui: 384px;
  --s-size-measure-ui-compact: 240px;
  --s-size-bullet: 6px;
  --s-size-measure-page: 1440px;
  --s-size-icon-xl: 32px;
  --s-size-media-width: 520px;
  --s-size-media-height: 340px;
  --s-size-index-column: 56px;
  --s-size-measure-aside: 480px;
  --s-size-aside-nav: 256px;
  --s-size-column-min: 180px;
  --s-size-composer-max: 40vh;
  --s-size-media-max-share: 45%;
  --s-size-textarea-min: 100px;
  --s-size-icon-2xl: 48px;
  --s-size-media-thumbnail: 120px;
  --s-size-measure-feature: 1024px;
  --s-size-measure-headline: 40ch;
  --s-border-width-none: 0px;
  --s-border-width-hairline: 1px;
  --s-border-width-thick: 2px;
  --s-border-width-heavy: 3px;
  --s-emphasis-edge-1: 1px;
  --s-emphasis-edge-2: 3px;
  --s-emphasis-edge-3: 6px;
  --s-emphasis-edge-4: 12px;
  --s-focus-width: 3px;
  --s-focus-gap: 2px;
  --s-opacity-disabled: 0.4;
  --s-motion-fast: 120ms;
  --s-motion-base: 200ms;
  --s-motion-toast: 6000ms;
  --s-motion-travel: 360ms;
  --s-motion-ease-standard: cubic-bezier(.2,0,0,1);
  --s-motion-ease-enter: cubic-bezier(0,0,.2,1);
  --s-motion-ease-exit: cubic-bezier(.4,0,1,1);
  --s-elevation-flat: 0;
  --s-elevation-raised: 10;
  --s-elevation-sticky: 100;
  --s-elevation-overlay: 200;
  --s-elevation-modal: 300;
  --s-elevation-toast: 400;
  --s-breakpoint-compact: 900px;
  --s-breakpoint-narrow: 600px;
  --s-ratio-section-pad: 1.5;
  --s-ratio-section-pad-polarity: 2;
  --s-font-weight-regular: 400;
  --s-font-weight-medium: 500;
  --s-font-weight-semibold: 600;
  --s-font-weight-bold: 700;
  --s-font-tracking-ui: 0.1px;
  --s-font-tracking-none: 0;
  --s-font-tracking-caps: 0.3px;
  --font-ui: "Outfit", system-ui, sans-serif;
  --font-body: "Newsreader", Georgia, serif;
  --font-heading: "Lato", system-ui, sans-serif;
  --font-display: "Lato", system-ui, sans-serif;
  --font-code: "Geist Mono", ui-monospace, monospace;
  --font-doc: "IBM Plex Sans", system-ui, sans-serif;
  --font-doc-mono: "IBM Plex Mono", ui-monospace, monospace;
}
@font-face { font-family: "Geist Mono"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/geist-mono-400.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/ibm-plex-mono-400.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 600; font-style: normal; font-display: swap; src: url("fonts/ibm-plex-mono-600.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 400; font-style: italic; font-display: swap; src: url("fonts/ibm-plex-sans-400-italic.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/ibm-plex-sans-400.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 600; font-style: normal; font-display: swap; src: url("fonts/ibm-plex-sans-600.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/ibm-plex-sans-700.woff2") format("woff2"); }
@font-face { font-family: "Lato"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/lato-400.woff2") format("woff2"); }
@font-face { font-family: "Lato"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/lato-700.woff2") format("woff2"); }
@font-face { font-family: "Newsreader"; font-weight: 400; font-style: italic; font-display: swap; src: url("fonts/newsreader-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Newsreader"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/newsreader-400.woff2") format("woff2"); }
@font-face { font-family: "Newsreader"; font-weight: 600; font-style: normal; font-display: swap; src: url("fonts/newsreader-600.woff2") format("woff2"); }
@font-face { font-family: "Outfit"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/outfit-400.woff2") format("woff2"); }
@font-face { font-family: "Outfit"; font-weight: 500; font-style: normal; font-display: swap; src: url("fonts/outfit-500.woff2") format("woff2"); }