/* @proexteriors/ds v1.2.0 — GENERATED from tokens/source.json by scripts/build.py. Do not edit. */
:root {
  --pe-navy-50: #F3F6FF;
  --pe-navy-100: #E3E9FF;
  --pe-navy-200: #C8D2FF;
  --pe-navy-300: #AAB6EC;
  --pe-navy-400: #8B97D3;
  --pe-navy-500: #6E79B6;
  --pe-navy-600: #535D96;
  --pe-navy-700: #3B4374;
  --pe-navy-800: #282E53;
  --pe-navy-850: #1D213F;
  --pe-navy-900: #11133F;
  --pe-navy-950: #0A0C27;
  --pe-red-50: #FFF4F2;
  --pe-red-100: #FFE4E0;
  --pe-red-200: #FFC8C1;
  --pe-red-300: #FFA096;
  --pe-red-400: #FF6A61;
  --pe-red-500: #ED3334;
  --pe-red-600: #C22326;
  --pe-red-700: #9B1C1F;
  --pe-red-800: #7B000B;
  --pe-red-900: #520004;
  --pe-gold-50: #FFF3E4;
  --pe-gold-100: #FFE3BD;
  --pe-gold-200: #FFC570;
  --pe-gold-300: #EAA221;
  --pe-gold-400: #CA8900;
  --pe-gold-500: #A87100;
  --pe-gold-600: #885A00;
  --pe-gold-700: #694500;
  --pe-gold-800: #4E3200;
  --pe-green-50: #E8FEEE;
  --pe-green-100: #D9F5E1;
  --pe-green-200: #C1E5CC;
  --pe-green-300: #A2D0B0;
  --pe-green-500: #669E79;
  --pe-green-600: #4C8560;
  --pe-green-700: #3B6B4C;
  --pe-green-800: #225235;
  --pe-green-900: #123520;
  --pe-blue-50: #F1F7FF;
  --pe-blue-100: #DEECFF;
  --pe-blue-200: #BDD9FF;
  --pe-blue-300: #90BFFF;
  --pe-blue-500: #0E81FA;
  --pe-blue-600: #0066CC;
  --pe-blue-700: #004E9F;
  --pe-blue-800: #003979;
  --pe-gray-0: #FFFFFF;
  --pe-gray-50: #F9FAFB;
  --pe-gray-100: #F3F4F6;
  --pe-gray-200: #E5E7EB;
  --pe-gray-300: #D1D5DB;
  --pe-gray-400: #9CA3AF;
  --pe-gray-500: #6B7280;
  --pe-gray-600: #4B5563;
  --pe-gray-700: #374151;
  --pe-gray-800: #1F2937;
  --pe-gray-900: #111827;
  --pe-gray-950: #030712;
  --pe-amber-50: #FFFBEB;
  --pe-amber-100: #FEF3C7;
  --pe-amber-600: #D97706;
  --pe-amber-800: #92400E;
  --pe-rose-50: #FEF2F2;
  --pe-rose-100: #FEE2E2;
  --pe-rose-600: #DC2626;
  --pe-rose-900: #7F1D1D;
  --pe-font-family-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --pe-font-family-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --pe-font-weight-regular: 400;
  --pe-font-weight-medium: 500;
  --pe-font-weight-semibold: 600;
  --pe-font-weight-bold: 700;
  --pe-font-weight-heavy: 800;
  --pe-font-size-xs: 12px;
  --pe-font-size-sm: 13px;
  --pe-font-size-body: 14px;
  --pe-font-size-input: 16px;
  --pe-font-size-lg: 16px;
  --pe-font-size-h3: 18px;
  --pe-font-size-h2: 20px;
  --pe-font-size-h1: 24px;
  --pe-font-size-display: 30px;
  --pe-font-leading-tight: 1.2;
  --pe-font-leading-snug: 1.35;
  --pe-font-leading-body: 1.5;
  --pe-font-tracking-label: 0.04em;
  --pe-space-0: 0;
  --pe-space-1: 4px;
  --pe-space-2: 8px;
  --pe-space-3: 12px;
  --pe-space-4: 16px;
  --pe-space-5: 20px;
  --pe-space-6: 24px;
  --pe-space-8: 32px;
  --pe-space-10: 40px;
  --pe-space-12: 48px;
  --pe-space-16: 64px;
  --pe-radius-control: 8px;
  --pe-radius-card: 12px;
  --pe-radius-pill: 9999px;
  --pe-border-width: 1px;
  --pe-border-width-strong: 2px;
  --pe-elevation-overlay: 0 20px 60px rgba(17,19,63,.18);
  --pe-size-control: 40px;
  --pe-size-control-touch: 48px;
  --pe-size-control-primary-touch: 56px;
  --pe-size-rail: 240px;
  --pe-size-rail-collapsed: 72px;
  --pe-size-header: 64px;
  --pe-size-tabbar: 64px;
  --pe-size-logo-rail-width: 208px;
  --pe-size-logo-rail-height: 85px;
  --pe-size-logo-header-height: 32px;
  --pe-size-content-max: 1440px;
  --pe-size-row: 40px;
  --pe-size-row-compact: 32px;
  --pe-size-nest-indent: 20px;
  --pe-size-list-page: 10;
  --pe-motion-fast: 150ms;
  --pe-motion-base: 200ms;
  --pe-motion-slow: 300ms;
  --pe-motion-ease: cubic-bezier(.2,0,0,1);
  --pe-z-sticky: 10;
  --pe-z-rail: 20;
  --pe-z-header: 30;
  --pe-z-overlay: 40;
  --pe-z-toast: 50;
  --pe-viz-1: #A2274C;
  --pe-viz-2: #A77600;
  --pe-viz-3: #504CB4;
  --pe-viz-4: #008FA9;
  --pe-viz-other: #91949C;
  --pe-viz-highlight: #C22326;
  --pe-page: #F9FAFB;
  --pe-surface: #FFFFFF;
  --pe-surface-sunken: #F3F4F6;
  --pe-surface-hover: #F3F4F6;
  --pe-surface-selected: #F3F6FF;
  --pe-border: #E5E7EB;
  --pe-border-strong: #D1D5DB;
  --pe-border-control: #6B7280;
  --pe-text: #111827;
  --pe-text-secondary: #374151;
  --pe-text-muted: #4B5563;
  --pe-text-disabled: #9CA3AF;
  --pe-structure: #11133F;
  --pe-structure-deep: #0A0C27;
  --pe-structure-tint: #F3F6FF;
  --pe-on-structure: #FFFFFF;
  --pe-on-structure-muted: #AAB6EC;
  --pe-wayfinding: #EAA221;
  --pe-wayfinding-soft: #FFF3E4;
  --pe-action: #C22326;
  --pe-action-hover: #9B1C1F;
  --pe-action-pressed: #7B000B;
  --pe-on-action: #FFFFFF;
  --pe-link: #0066CC;
  --pe-link-hover: #004E9F;
  --pe-focus: #0066CC;
  --pe-focus-on-structure: #EAA221;
  --pe-good: #3B6B4C;
  --pe-good-soft: #D9F5E1;
  --pe-warning: #92400E;
  --pe-warning-fill: #D97706;
  --pe-warning-soft: #FEF3C7;
  --pe-danger: #DC2626;
  --pe-danger-text: #7F1D1D;
  --pe-danger-soft: #FEF2F2;
  --pe-info: #0066CC;
  --pe-info-soft: #F1F7FF;
  --pe-overlay: rgba(17,19,63,.48);
  color-scheme: light;
}
/* Dark is per surface (CC rule, Chris 2026-06-17): put .pe-dark or data-theme="dark" on the surface root. */
[data-theme="dark"], .pe-dark {
  --pe-page: #0D1322;
  --pe-surface: #111827;
  --pe-surface-sunken: #0D1322;
  --pe-surface-hover: #1B2332;
  --pe-surface-selected: #1D213F;
  --pe-border: #282F3C;
  --pe-border-strong: #363C49;
  --pe-border-control: #6B7280;
  --pe-text: #F9FAFB;
  --pe-text-secondary: #C6C8CC;
  --pe-text-muted: #9CA0A6;
  --pe-text-disabled: #4B5563;
  --pe-structure: #0A0C27;
  --pe-structure-deep: #05061A;
  --pe-structure-tint: #1D213F;
  --pe-on-structure: #FFFFFF;
  --pe-on-structure-muted: #AAB6EC;
  --pe-wayfinding: #EAA221;
  --pe-wayfinding-soft: #4E3200;
  --pe-action: #C22326;
  --pe-action-hover: #9B1C1F;
  --pe-action-pressed: #7B000B;
  --pe-on-action: #FFFFFF;
  --pe-link: #90BFFF;
  --pe-link-hover: #BDD9FF;
  --pe-focus: #90BFFF;
  --pe-focus-on-structure: #EAA221;
  --pe-good: #A2D0B0;
  --pe-good-soft: #123520;
  --pe-warning: #FFC570;
  --pe-warning-fill: #CA8900;
  --pe-warning-soft: #4E3200;
  --pe-danger: #FF6A61;
  --pe-danger-text: #FFA096;
  --pe-danger-soft: #520004;
  --pe-info: #90BFFF;
  --pe-info-soft: #003979;
  --pe-overlay: rgba(0,0,0,.6);
  --pe-viz-1: #D35574;
  --pe-viz-2: #CB9E00;
  --pe-viz-3: #7577E3;
  --pe-viz-4: #00B8D7;
  color-scheme: dark;
}
/* Breakpoints (custom properties cannot drive media queries; copy these): phone ≤ 760px, rail-icons ≤ 1100px, wide ≥ 1440px. */