/* SDS1.2 public-web projection, approved by the founder on 2026-11-03.
   Workspace density/row roles are excluded; source hash and ruling are in tools/sds-site-profile.json. */
:root, [data-sds-theme] {
  --sds-brand-navy: #0F2443;
  --sds-brand-teal: #548285;
  --sds-brand-mint: #6BC4BB;
  --sds-brand-ramp-10: #02070D;
  --sds-brand-ramp-20: #050E1A;
  --sds-brand-ramp-30: #08162A;
  --sds-brand-ramp-40: #0B1D36;
  --sds-brand-ramp-50: #0F2443;
  --sds-brand-ramp-60: #17365F;
  --sds-brand-ramp-70: #214A72;
  --sds-brand-ramp-80: #315F63;
  --sds-brand-ramp-90: #548285;
  --sds-brand-ramp-100: #71999B;
  --sds-brand-ramp-110: #8FB0B2;
  --sds-brand-ramp-120: #AEC7C8;
  --sds-brand-ramp-130: #C9DADA;
  --sds-brand-ramp-140: #DCE9E9;
  --sds-brand-ramp-150: #EEF5F5;
  --sds-brand-ramp-160: #F8FBFB;
  --sds-color-text-primary: var(--sds-color-text);
  --sds-color-text-secondary: var(--sds-color-sub);
  --sds-color-text-link: var(--sds-color-accent);
  --sds-color-surface-canvas: var(--sds-color-bg);
  --sds-color-surface-raised: var(--sds-color-surface);
  --sds-color-surface-sunken: var(--sds-color-surface2);
  --sds-color-border-subtle: var(--sds-color-border);
  --sds-color-border-control: var(--sds-color-edge);
  --sds-color-focus-ring: var(--sds-color-focus);
  --sds-color-action-primary: var(--sds-color-primary);
  --sds-color-action-on-primary: var(--sds-color-on-primary);
  --sds-color-selection-surface: var(--sds-color-tint);
  --sds-color-info: var(--sds-color-accent);
  --sds-color-info-bg: var(--sds-color-tint);
  --sds-color-primary-hover: var(--sds-color-accent-hover);
  --sds-color-primary-pressed: var(--sds-color-accent);
  --sds-font-sans: -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --sds-font-mono: ui-monospace,SFMono-Regular,Consolas,monospace;
  --sds-type-caption-size: 0.75rem;
  --sds-type-caption-line: 1.125rem;
  --sds-type-caption-weight: 500;
  --sds-type-body-size: 0.875rem;
  --sds-type-body-line: 1.375rem;
  --sds-type-body-weight: 400;
  --sds-type-input-size: 1rem;
  --sds-type-input-line: 1.5rem;
  --sds-type-input-weight: 400;
  --sds-type-heading-size: 1.25rem;
  --sds-type-heading-line: 1.75rem;
  --sds-type-heading-weight: 600;
  --sds-type-title-size: 1.75rem;
  --sds-type-title-line: 2.25rem;
  --sds-type-title-weight: 600;
  --sds-type-display-size: 2.25rem;
  --sds-type-display-line: 2.75rem;
  --sds-type-display-weight: 600;
  --sds-space-0: 0px;
  --sds-space-1: 4px;
  --sds-space-2: 8px;
  --sds-space-3: 12px;
  --sds-space-4: 16px;
  --sds-space-5: 20px;
  --sds-space-6: 24px;
  --sds-space-8: 32px;
  --sds-space-10: 40px;
  --sds-space-12: 48px;
  --sds-space-16: 64px;
  --sds-radius-small: 8px;
  --sds-radius-control: 12px;
  --sds-radius-card: 20px;
  --sds-radius-sheet: 24px;
  --sds-radius-pill: 999px;
  --sds-layout-nav: 232px;
  --sds-layout-outline: 208px;
  --sds-layout-rail: 304px;
  --sds-layout-content-max: 1600px;
  --sds-layout-phone: 640px;
  --sds-layout-tablet: 1024px;
  --sds-layout-touch-target: 44px;
  --sds-layout-topbar: 64px;
  --sds-layout-master-detail: 1280px;
  --sds-layout-gutter-desktop: 32px;
  --sds-layout-gutter-tablet: 24px;
  --sds-layout-gutter-phone: 16px;
  --sds-layout-panel-desktop: 24px;
  --sds-layout-panel-narrow: 16px;
  --sds-layout-section-gap: 24px;
  --sds-layout-label-gap: 8px;
  --sds-layout-command-max: 640px;
  --sds-layout-form-max: 720px;
  --sds-border-thin: 1px;
  --sds-border-focus-width: 2px;
  --sds-border-focus-offset: 2px;
  --sds-motion-fast: 120ms;
  --sds-motion-standard: 200ms;
  --sds-motion-drawer: 260ms;
  --sds-motion-none: 0ms;
  --sds-motion-ease: cubic-bezier(0.22,1,0.36,1);
  --sds-motion-enter: var(--sds-motion-standard);
  --sds-motion-exit: var(--sds-motion-fast);
  --sds-motion-overlay: var(--sds-motion-drawer);
  --sds-z-index-base: 0;
  --sds-z-index-sticky: 100;
  --sds-z-index-header: 200;
  --sds-z-index-dropdown: 300;
  --sds-z-index-popover: 400;
  --sds-z-index-scrim: 500;
  --sds-z-index-drawer: 600;
  --sds-z-index-modal: 700;
  --sds-z-index-toast: 800;
  --sds-z-index-tooltip: 900;
  --sds-component-button-background: var(--sds-color-primary);
  --sds-component-button-foreground: var(--sds-color-on-primary);
  --sds-component-button-radius: var(--sds-radius-control);
  --sds-component-input-background: var(--sds-color-surface);
  --sds-component-input-foreground: var(--sds-color-text);
  --sds-component-input-border: var(--sds-color-edge);
  --sds-component-input-radius: var(--sds-radius-control);
  --sds-component-table-background: var(--sds-color-surface);
  --sds-component-table-border: var(--sds-color-border);
  --sds-component-table-foreground: var(--sds-color-text);
  --sds-component-panel-background: var(--sds-color-surface);
  --sds-component-panel-radius: var(--sds-radius-card);
  --sds-component-dialog-radius: var(--sds-radius-sheet);
  --sds-component-badge-background: var(--sds-color-surface2);
  --sds-component-badge-foreground: var(--sds-color-sub);
  --sds-component-badge-border: var(--sds-color-edge);
  --sds-component-badge-radius: var(--sds-radius-small);
  --sds-component-badge-padding-inline: var(--sds-space-2);
  --sds-component-badge-padding-block: var(--sds-space-1);
  --sds-component-chip-background: var(--sds-color-surface);
  --sds-component-chip-foreground: var(--sds-color-text);
  --sds-component-chip-border: var(--sds-color-edge);
  --sds-component-chip-radius: var(--sds-radius-small);
  --sds-component-chip-gap: var(--sds-space-2);
  --sds-component-chip-padding-inline: var(--sds-space-2);
  --sds-component-chip-selected-background: var(--sds-color-tint);
  --sds-component-chip-selected-foreground: var(--sds-color-accent);
  --sds-component-chip-selected-border: var(--sds-color-accent);
  --sds-component-loading-foreground: var(--sds-color-sub);
  --sds-component-loading-track: var(--sds-color-border);
  --sds-component-loading-indicator: var(--sds-color-accent);
  --sds-component-loading-skeleton: var(--sds-color-surface2);
  --sds-component-loading-track-thickness: var(--sds-space-1);
  --sds-component-focus-inner: var(--sds-color-surface);
  --sds-component-focus-outer: var(--sds-color-focus);
  --sds-component-focus-width: var(--sds-border-focus-width);
  --sds-component-focus-offset: var(--sds-border-focus-offset);
  --sds-icon-size-small: 16px;
  --sds-icon-size-default: 20px;
  --sds-icon-size-large: 24px;
  --sds-color-bg: #F7F8FA;
  --sds-color-surface: #FFFFFF;
  --sds-color-surface2: #F0F3F5;
  --sds-color-hover: #E8EEF0;
  --sds-color-border: #DCE3E7;
  --sds-color-edge: #71818D;
  --sds-color-text: #13263D;
  --sds-color-sub: #536477;
  --sds-color-accent: #315F65;
  --sds-color-accent-hover: #234B50;
  --sds-color-tint: #E2EEED;
  --sds-color-focus: #286E76;
  --sds-color-primary: #0F2443;
  --sds-color-on-primary: #FFFFFF;
  --sds-color-success: #226343;
  --sds-color-success-bg: #E8F3ED;
  --sds-color-warning: #795500;
  --sds-color-warning-bg: #FFF3D5;
  --sds-color-danger: #AE2938;
  --sds-color-danger-bg: #FCEBEE;
  --sds-color-scrim: rgba(8, 16, 28, 0.4);
  --sds-color-glass: rgba(255, 255, 255, 0.929412);
  --sds-color-data1: #315F65;
  --sds-color-data2: #315E9E;
  --sds-color-data3: #71558D;
  --sds-color-data4: #795500;
  --sds-color-data5: #9A4260;
  --sds-color-data6: #536477;
  --sds-shadow-raised: 0px 1px 4px 0px rgba(15, 36, 67, 0.12);
  --sds-shadow-overlay: 0px 8px 24px 0px rgba(15, 36, 67, 0.18);
  --sds-shadow-dialog: 0px 16px 48px 0px rgba(15, 36, 67, 0.24);
  --sds-control-height: var(--sds-layout-touch-target);
  --sds-nav-width: var(--sds-layout-nav);
  --sds-rail-width: var(--sds-layout-rail);
  --sds-topbar-height: var(--sds-layout-topbar);
  --sds-content-max: var(--sds-layout-content-max);
  --sds-page-gutter: var(--sds-layout-gutter-desktop);
  --sds-panel-padding: var(--sds-layout-panel-desktop);
  --sds-icon-size: var(--sds-icon-size-default);
  color-scheme: light;
}
[data-sds-theme="dark"] {
  --sds-color-bg: #101923;
  --sds-color-surface: #192633;
  --sds-color-surface2: #1D2C39;
  --sds-color-hover: #253845;
  --sds-color-border: #314454;
  --sds-color-edge: #899EAC;
  --sds-color-text: #EDF3F7;
  --sds-color-sub: #B1BFCC;
  --sds-color-accent: #70B6BA;
  --sds-color-accent-hover: #ACE6DF;
  --sds-color-tint: #233E43;
  --sds-color-focus: #70B6BA;
  --sds-color-primary: #70B6BA;
  --sds-color-on-primary: #10272D;
  --sds-color-success: #9BD9B7;
  --sds-color-success-bg: #203D30;
  --sds-color-warning: #F1CF82;
  --sds-color-warning-bg: #41361F;
  --sds-color-danger: #FFB5BC;
  --sds-color-danger-bg: #492A32;
  --sds-color-scrim: rgba(8, 16, 28, 0.6);
  --sds-color-glass: rgba(25, 38, 51, 0.929412);
  --sds-color-data1: #70B6BA;
  --sds-color-data2: #9DBDF4;
  --sds-color-data3: #CAB6F2;
  --sds-color-data4: #E5C47A;
  --sds-color-data5: #E3A9B7;
  --sds-color-data6: #B4C0CA;
  --sds-shadow-raised: 0px 1px 4px 0px rgba(0, 0, 0, 0.24);
  --sds-shadow-overlay: 0px 8px 24px 0px rgba(0, 0, 0, 0.36);
  --sds-shadow-dialog: 0px 16px 48px 0px rgba(0, 0, 0, 0.48);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
:root:not([data-sds-theme="light"]):not([data-sds-theme="dark"]), [data-sds-theme="auto"] {
  --sds-color-bg: #101923;
  --sds-color-surface: #192633;
  --sds-color-surface2: #1D2C39;
  --sds-color-hover: #253845;
  --sds-color-border: #314454;
  --sds-color-edge: #899EAC;
  --sds-color-text: #EDF3F7;
  --sds-color-sub: #B1BFCC;
  --sds-color-accent: #70B6BA;
  --sds-color-accent-hover: #ACE6DF;
  --sds-color-tint: #233E43;
  --sds-color-focus: #70B6BA;
  --sds-color-primary: #70B6BA;
  --sds-color-on-primary: #10272D;
  --sds-color-success: #9BD9B7;
  --sds-color-success-bg: #203D30;
  --sds-color-warning: #F1CF82;
  --sds-color-warning-bg: #41361F;
  --sds-color-danger: #FFB5BC;
  --sds-color-danger-bg: #492A32;
  --sds-color-scrim: rgba(8, 16, 28, 0.6);
  --sds-color-glass: rgba(25, 38, 51, 0.929412);
  --sds-color-data1: #70B6BA;
  --sds-color-data2: #9DBDF4;
  --sds-color-data3: #CAB6F2;
  --sds-color-data4: #E5C47A;
  --sds-color-data5: #E3A9B7;
  --sds-color-data6: #B4C0CA;
  --sds-shadow-raised: 0px 1px 4px 0px rgba(0, 0, 0, 0.24);
  --sds-shadow-overlay: 0px 8px 24px 0px rgba(0, 0, 0, 0.36);
  --sds-shadow-dialog: 0px 16px 48px 0px rgba(0, 0, 0, 0.48);
  color-scheme: dark;
}
}
@media (max-width: 1023.98px) {
:root, [data-sds-theme] {
  --sds-page-gutter: var(--sds-layout-gutter-tablet);
}
}
@media (max-width: 639.98px) {
:root, [data-sds-theme] {
  --sds-page-gutter: var(--sds-layout-gutter-phone);
  --sds-panel-padding: var(--sds-layout-panel-narrow);
}
}
@media (prefers-reduced-motion: reduce) {
:root, [data-sds-theme] {
  --sds-motion-fast: 0ms;
  --sds-motion-standard: 0ms;
  --sds-motion-drawer: 0ms;
  --sds-motion-enter: 0ms;
  --sds-motion-exit: 0ms;
  --sds-motion-overlay: 0ms;
}
}
@media (forced-colors: active) {
:root, [data-sds-theme] {
  --sds-color-bg: Canvas;
  --sds-color-surface: Canvas;
  --sds-color-surface2: Canvas;
  --sds-color-hover: Canvas;
  --sds-color-border: CanvasText;
  --sds-color-edge: CanvasText;
  --sds-color-text: CanvasText;
  --sds-color-sub: CanvasText;
  --sds-color-accent: LinkText;
  --sds-color-accent-hover: LinkText;
  --sds-color-tint: Canvas;
  --sds-color-focus: Highlight;
  --sds-color-primary: Highlight;
  --sds-color-on-primary: HighlightText;
  --sds-color-success: CanvasText;
  --sds-color-success-bg: Canvas;
  --sds-color-warning: CanvasText;
  --sds-color-warning-bg: Canvas;
  --sds-color-danger: CanvasText;
  --sds-color-danger-bg: Canvas;
  --sds-color-scrim: Canvas;
  --sds-color-glass: Canvas;
  --sds-color-data1: CanvasText;
  --sds-color-data2: CanvasText;
  --sds-color-data3: CanvasText;
  --sds-color-data4: CanvasText;
  --sds-color-data5: CanvasText;
  --sds-color-data6: CanvasText;
  --sds-color-text-primary: var(--sds-color-text);
  --sds-color-text-secondary: var(--sds-color-sub);
  --sds-color-text-link: var(--sds-color-accent);
  --sds-color-surface-canvas: var(--sds-color-bg);
  --sds-color-surface-raised: var(--sds-color-surface);
  --sds-color-surface-sunken: var(--sds-color-surface2);
  --sds-color-border-subtle: var(--sds-color-border);
  --sds-color-border-control: var(--sds-color-edge);
  --sds-color-focus-ring: var(--sds-color-focus);
  --sds-color-action-primary: var(--sds-color-primary);
  --sds-color-action-on-primary: var(--sds-color-on-primary);
  --sds-color-selection-surface: var(--sds-color-tint);
  --sds-color-info: var(--sds-color-accent);
  --sds-color-info-bg: var(--sds-color-tint);
  --sds-color-primary-hover: var(--sds-color-accent-hover);
  --sds-color-primary-pressed: var(--sds-color-accent);
  --sds-component-button-background: var(--sds-color-primary);
  --sds-component-button-foreground: var(--sds-color-on-primary);
  --sds-component-button-radius: var(--sds-radius-control);
  --sds-component-input-background: var(--sds-color-surface);
  --sds-component-input-foreground: var(--sds-color-text);
  --sds-component-input-border: var(--sds-color-edge);
  --sds-component-input-radius: var(--sds-radius-control);
  --sds-component-table-background: var(--sds-color-surface);
  --sds-component-table-border: var(--sds-color-border);
  --sds-component-table-foreground: var(--sds-color-text);
  --sds-component-panel-background: var(--sds-color-surface);
  --sds-component-panel-radius: var(--sds-radius-card);
  --sds-component-dialog-radius: var(--sds-radius-sheet);
  --sds-motion-enter: var(--sds-motion-standard);
  --sds-motion-exit: var(--sds-motion-fast);
  --sds-motion-overlay: var(--sds-motion-drawer);
  --sds-component-badge-background: var(--sds-color-surface2);
  --sds-component-badge-foreground: var(--sds-color-sub);
  --sds-component-badge-border: var(--sds-color-edge);
  --sds-component-badge-radius: var(--sds-radius-small);
  --sds-component-badge-padding-inline: var(--sds-space-2);
  --sds-component-badge-padding-block: var(--sds-space-1);
  --sds-component-chip-background: var(--sds-color-surface);
  --sds-component-chip-foreground: var(--sds-color-text);
  --sds-component-chip-border: var(--sds-color-edge);
  --sds-component-chip-radius: var(--sds-radius-small);
  --sds-component-chip-gap: var(--sds-space-2);
  --sds-component-chip-padding-inline: var(--sds-space-2);
  --sds-component-chip-selected-background: var(--sds-color-tint);
  --sds-component-chip-selected-foreground: var(--sds-color-accent);
  --sds-component-chip-selected-border: var(--sds-color-accent);
  --sds-component-loading-foreground: var(--sds-color-sub);
  --sds-component-loading-track: var(--sds-color-border);
  --sds-component-loading-indicator: var(--sds-color-accent);
  --sds-component-loading-skeleton: var(--sds-color-surface2);
  --sds-component-loading-track-thickness: var(--sds-space-1);
  --sds-component-focus-inner: var(--sds-color-surface);
  --sds-component-focus-outer: var(--sds-color-focus);
  --sds-component-focus-width: var(--sds-border-focus-width);
  --sds-component-focus-offset: var(--sds-border-focus-offset);
  --sds-shadow-raised: none;
  --sds-shadow-overlay: none;
  --sds-shadow-dialog: none;
}
}
@media (prefers-reduced-transparency: reduce) {
:root, [data-sds-theme] {
  --sds-color-glass: var(--sds-color-surface);
}
}