:root {
  --ct-dark-deep: #0B141B;
  --ct-dark-panel: #111C25;
  --ct-dark-elevated: #16222C;
  --ct-dark-hairline: #24323E;
  --ct-dark-hairline-subtle: #1A2731;
  --ct-dark-text: #E6E9EE;
  --ct-dark-muted: #9AA4B2;
  --ct-dark-mint: #2BD9B0;
  --ct-dark-blue: #5B8DEF;
  --ct-dark-white: #FFFFFF;
  --ct-light-surface: #FFFFFF;
  --ct-light-panel: #F4F6F8;
  --ct-light-elevated: #EAEEF2;
  --ct-light-hairline: #D3DAE2;
  --ct-light-hairline-subtle: #E7EBF0;
  --ct-light-ink: #0B1F3A;
  --ct-light-muted: #52606F;
  --ct-light-mint: #00705E;
  --ct-light-blue: #2A5BD7;
  --ct-certsign-red-fixed: #DA291C;

  --ct-bg: #0B141B;
  --ct-panel: #111C25;
  --ct-elevated: #16222C;
  --ct-hairline: #24323E;
  --ct-hairline-subtle: #1A2731;
  --ct-text: #E6E9EE;
  --ct-text-muted: #9AA4B2;
  --ct-text-strong: #FFFFFF;
  --ct-accent: #2BD9B0;
  --ct-on-accent: #0B141B;
  --ct-link: #5B8DEF;
  --ct-border-strong: #9AA4B2;
  --ct-focus: #2BD9B0;
  --ct-sev-low: #A7B6CF;
  --ct-sev-medium: #F0B44C;
  --ct-sev-high: #FF8A7A;
  --ct-sev-critical: #F08BD6;
  --ct-status-success: #9BD66B;
  --ct-status-warning: #F0B44C;
  --ct-status-error: #FF8A7A;
  --ct-status-info: #5B8DEF;
  --ct-certsign-red: #DA291C;
  --ct-shadow-overlay: 0 8px 24px rgba(0, 0, 0, 0.45);
  color-scheme: dark;

  --ct-font-display: 'Space Grotesk', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --ct-font-body: Inter, 'Segoe UI', system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
  --ct-font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, 'Liberation Mono', monospace;
  --ct-text-display-size: 3.375rem;   
  --ct-text-display-line: 3.625rem;   
  --ct-text-display-weight: 500;
  --ct-text-display-tracking: -0.015em;
  --ct-text-display-family: var(--ct-font-display);
  --ct-text-h1-size: 2.5rem;   
  --ct-text-h1-line: 2.875rem;   
  --ct-text-h1-weight: 500;
  --ct-text-h1-tracking: -0.01em;
  --ct-text-h1-family: var(--ct-font-display);
  --ct-text-h2-size: 1.75rem;   
  --ct-text-h2-line: 2.125rem;   
  --ct-text-h2-weight: 400;
  --ct-text-h2-tracking: 0em;
  --ct-text-h2-family: var(--ct-font-display);
  --ct-text-h3-size: 1.375rem;   
  --ct-text-h3-line: 1.875rem;   
  --ct-text-h3-weight: 400;
  --ct-text-h3-tracking: 0em;
  --ct-text-h3-family: var(--ct-font-display);
  --ct-text-body-lg-size: 1.1875rem;   
  --ct-text-body-lg-line: 1.875rem;   
  --ct-text-body-lg-weight: 400;
  --ct-text-body-lg-tracking: 0em;
  --ct-text-body-lg-family: var(--ct-font-body);
  --ct-text-body-size: 1.0625rem;   
  --ct-text-body-line: 1.6875rem;   
  --ct-text-body-weight: 400;
  --ct-text-body-tracking: 0em;
  --ct-text-body-family: var(--ct-font-body);
  --ct-text-small-size: 0.9375rem;   
  --ct-text-small-line: 1.5rem;   
  --ct-text-small-weight: 400;
  --ct-text-small-tracking: 0em;
  --ct-text-small-family: var(--ct-font-body);
  --ct-text-ui-size: 0.875rem;   
  --ct-text-ui-line: 1.25rem;   
  --ct-text-ui-weight: 400;
  --ct-text-ui-tracking: 0em;
  --ct-text-ui-family: var(--ct-font-body);
  --ct-text-caption-size: 0.8125rem;   
  --ct-text-caption-line: 1.25rem;   
  --ct-text-caption-weight: 400;
  --ct-text-caption-tracking: 0em;
  --ct-text-caption-family: var(--ct-font-body);
  --ct-text-evidence-size: 0.8125rem;   
  --ct-text-evidence-line: 1.375rem;   
  --ct-text-evidence-weight: 400;
  --ct-text-evidence-tracking: 0em;
  --ct-text-evidence-family: var(--ct-font-mono);
  --ct-text-label-size: 0.75rem;   
  --ct-text-label-line: 1rem;   
  --ct-text-label-weight: 400;
  --ct-text-label-tracking: 0.14em;
  --ct-text-label-family: var(--ct-font-mono);
  --ct-weight-regular: 400;
  --ct-weight-medium: 500;
  --ct-weight-semibold: 600;

  --ct-space-0: 0;   
  --ct-space-1: 0.25rem;   
  --ct-space-2: 0.5rem;   
  --ct-space-3: 0.75rem;   
  --ct-space-4: 1rem;   
  --ct-space-5: 1.5rem;   
  --ct-space-6: 2rem;   
  --ct-space-7: 3rem;   
  --ct-space-8: 4rem;   
  --ct-space-9: 6rem;   
  --ct-space-10: 8rem;   
  --ct-radius-sm: 2px;
  --ct-radius-md: 3px;
  --ct-radius-lg: 4px;
  --ct-border-hairline: 1px;
  --ct-border-focus: 2px;
  --ct-border-evidence-rule: 2px;
  --ct-motion-duration-settle: 300ms;
  --ct-motion-duration-quick: 150ms;
  --ct-motion-ease-settle: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ct-motion-distance-settle: 8px;
  --ct-layout-content-max: 1280px;
  --ct-layout-text-max: 68ch;
  --ct-layout-gutter-web: 80px;
  --ct-layout-gutter-phone: 16px;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --ct-bg: #FFFFFF;
    --ct-panel: #F4F6F8;
    --ct-elevated: #EAEEF2;
    --ct-hairline: #D3DAE2;
    --ct-hairline-subtle: #E7EBF0;
    --ct-text: #0B1F3A;
    --ct-text-muted: #52606F;
    --ct-text-strong: #0B1F3A;
    --ct-accent: #00705E;
    --ct-on-accent: #FFFFFF;
    --ct-link: #2A5BD7;
    --ct-border-strong: #52606F;
    --ct-focus: #00705E;
    --ct-sev-low: #475872;
    --ct-sev-medium: #855000;
    --ct-sev-high: #A32014;
    --ct-sev-critical: #8C1D6E;
    --ct-status-success: #3A6B1E;
    --ct-status-warning: #855000;
    --ct-status-error: #A32014;
    --ct-status-info: #2A5BD7;
    --ct-certsign-red: #DA291C;
    --ct-shadow-overlay: 0 8px 24px rgba(11, 31, 58, 0.14);
    color-scheme: light;
  }
}

:root[data-theme="light"] {
  --ct-bg: #FFFFFF;
  --ct-panel: #F4F6F8;
  --ct-elevated: #EAEEF2;
  --ct-hairline: #D3DAE2;
  --ct-hairline-subtle: #E7EBF0;
  --ct-text: #0B1F3A;
  --ct-text-muted: #52606F;
  --ct-text-strong: #0B1F3A;
  --ct-accent: #00705E;
  --ct-on-accent: #FFFFFF;
  --ct-link: #2A5BD7;
  --ct-border-strong: #52606F;
  --ct-focus: #00705E;
  --ct-sev-low: #475872;
  --ct-sev-medium: #855000;
  --ct-sev-high: #A32014;
  --ct-sev-critical: #8C1D6E;
  --ct-status-success: #3A6B1E;
  --ct-status-warning: #855000;
  --ct-status-error: #A32014;
  --ct-status-info: #2A5BD7;
  --ct-certsign-red: #DA291C;
  --ct-shadow-overlay: 0 8px 24px rgba(11, 31, 58, 0.14);
  color-scheme: light;
}

@media (prefers-reduced-motion: reduce) {
  :root { --ct-motion-duration-settle: 0ms; --ct-motion-duration-quick: 0ms; --ct-motion-distance-settle: 0px; }
}