:root,
[data-theme="dark"] {
  color-scheme: dark;

  --gds-font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;
  --gds-font-size-body: 14px;
  --gds-font-size-control: 14px;
  --gds-font-size-navigation: 13px;
  --gds-font-size-table: 13px;
  --gds-font-size-metadata: 12px;
  --gds-font-size-compact: 11px;
  --gds-font-size-eyebrow: 10px;
  --gds-line-height-body: 1.5;

  --gds-bg: #07090c;
  --gds-panel: #0e1319;
  --gds-panel-raised: #131a22;
  --gds-panel-hover: #18212b;
  --gds-border: #1e2833;
  --gds-border-strong: #2a3745;
  --gds-text: #e8edf2;
  --gds-muted: #8a94a0;
  --gds-subtle: #66717e;

  --gds-accent: #2ee6a8;
  --gds-accent-hover: #17c98f;
  --gds-accent-contrast: #06120d;
  --gds-accent-soft: rgba(46, 230, 168, 0.14);
  --gds-accent-border: rgba(46, 230, 168, 0.34);

  --gds-danger: #ff5d6c;
  --gds-danger-soft: rgba(255, 93, 108, 0.13);
  --gds-warning: #ffb454;
  --gds-warning-soft: rgba(255, 180, 84, 0.14);
  --gds-info: #4c7dff;
  --gds-info-soft: rgba(76, 125, 255, 0.14);

  --gds-shadow-card: none;
  --gds-shadow-overlay: 0 24px 64px rgba(0, 0, 0, 0.42);

  --gds-header-bg: #0b1117;
  --gds-header-border: #202b36;
  --gds-header-text: #e8edf2;
  --gds-header-muted: #9aa6b2;
  --gds-sidebar-bg: #10182b;
  --gds-sidebar-border: #1d2940;
  --gds-sidebar-text: #d8e0eb;
  --gds-sidebar-muted: #8997aa;
  --gds-sidebar-hover: rgba(255, 255, 255, 0.06);
  --gds-sidebar-active: rgba(46, 230, 168, 0.13);

  --gds-space-1: 4px;
  --gds-space-2: 8px;
  --gds-space-3: 12px;
  --gds-space-4: 16px;
  --gds-space-5: 20px;
  --gds-space-6: 24px;
  --gds-space-8: 32px;
  --gds-space-10: 40px;
  --gds-space-12: 48px;
  --gds-space-16: 64px;

  --gds-radius-sm: 6px;
  --gds-radius-md: 8px;
  --gds-radius-pill: 999px;

  --gds-topbar-height: 64px;
  --gds-sidebar-width: 232px;
  --gds-content-max: 1440px;
  --gds-content-max-wide: 2160px;
  --gds-control-height: 40px;
  --gds-transition: 140ms ease;
  --gds-focus-ring: 0 0 0 3px rgba(46, 230, 168, 0.28);
}

[data-gds-scale="readable"] {
  --gds-font-size-body: 15px;
  --gds-font-size-control: 15px;
  --gds-font-size-navigation: 14px;
  --gds-font-size-table: 14px;
  --gds-font-size-metadata: 13px;
  --gds-font-size-compact: 12px;
  --gds-font-size-eyebrow: 11px;
  --gds-line-height-body: 1.55;
}

[data-theme="light"] {
  color-scheme: light;

  --gds-bg: #f6f8fb;
  --gds-panel: #ffffff;
  --gds-panel-raised: #eef3f7;
  --gds-panel-hover: #e8eef3;
  --gds-border: #d7e0e8;
  --gds-border-strong: #bcc9d4;
  --gds-text: #101820;
  --gds-muted: #5f6f7d;
  --gds-subtle: #748493;

  --gds-accent: #007a5e;
  --gds-accent-hover: #00634c;
  --gds-accent-contrast: #ffffff;
  --gds-accent-soft: #e1f5ee;
  --gds-accent-border: #9bd8c5;

  --gds-danger: #c83f52;
  --gds-danger-soft: #fae7ea;
  --gds-warning: #946100;
  --gds-warning-soft: #fff1d7;
  --gds-info: #2755d8;
  --gds-info-soft: #e8eefc;

  --gds-shadow-card: 0 1px 2px rgba(16, 24, 32, 0.04);
  --gds-shadow-overlay: 0 24px 64px rgba(16, 24, 32, 0.22);
}

@media (max-width: 800px) {
  :root,
  [data-theme="dark"],
  [data-theme="light"] {
    --gds-topbar-height: 56px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root,
  [data-theme="dark"],
  [data-theme="light"] {
    --gds-transition: 0ms;
  }
}