/* Shared brand foundations, mirrored from ios/SnapCert/Theme/
   SnapCertPalette.swift and SnapCertMetrics.swift. Native source wins.
   Website layout stays in site.css; no native navigation or preview UI kit. */
:root {
  --background: #F7F8FC;
  --surface: #FFFFFF;
  --text-primary: #0B1220;
  --text-secondary: #44506E;
  --separator: #D7DDF0;
  --accent-text: #0057FF;
  --warning: #875400;
  --warning-fill: #FFF4DC;
  --segment-fill: #E8ECFF;
  color-scheme: light;
  --accent: #0057FF;
  --on-accent: #FFFFFF;
  --s-xxs: 4px;
  --s-xs: 6px;
  --s-sm: 8px;
  --s-md: 12px;
  --s-lg: 16px;
  --s-xl: 20px;
  --r-well: 10px;
  --r-button: 12px;
  --r-sheet: 14px;
  --stroke-rest: 1px;
  --stroke-focus: 1.5px;
  --size-tap: 44px;
  --size-readable-column: 580px;
  --size-primary-button-max: 400px;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
  --t-large-title-size: 2.125rem;
  --t-large-title-lh: 2.5625rem;
  --t-title-size: 1.375rem;
  --t-title-lh: 1.75rem;
  --t-body-size: 1.0625rem;
  --t-body-lh: 1.375rem;
  --t-segment-size: .9375rem;
  --t-segment-lh: 1.25rem;
  --t-label-size: .8125rem;
  --t-label-lh: 1.125rem;
  --t-eyebrow-size: .75rem;
  --t-eyebrow-lh: 1rem;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --background: #0B0F1A;
  --surface: #121829;
  --text-primary: #F5F7FF;
  --text-secondary: #B3C0E6;
  --separator: #2A3552;
  --accent-text: #7AA8FF;
  --warning: #FFC14D;
  --warning-fill: #2A210C;
  --segment-fill: #24304A;
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) {
    color-scheme: dark;
    --background: #0B0F1A;
    --surface: #121829;
    --text-primary: #F5F7FF;
    --text-secondary: #B3C0E6;
    --separator: #2A3552;
    --accent-text: #7AA8FF;
    --warning: #FFC14D;
    --warning-fill: #2A210C;
    --segment-fill: #24304A;
  }
}