/* Jetons du design system « construiremaison » (thème spatial). Généré depuis le design system : ne pas éditer à la main. */
:root,[data-theme="spatial"]{
  --night: #06100c;
  --glass: #0a0f0ca8;
  --glass-strong: #0a0f0cd6;
  --glass-hover: #ffffff1a;
  --line: #ffffff2e;
  --line-strong: #ffffff66;
  --fog: #f4f6f3;
  --fog-2: #f4f6f3c2;
  --ember: #ff6b3d;
  --ember-text: #ff9470;
  --ember-soft: #ff6b3d29;
  --on-ember: var(--night);
  --lumiere: #ffd43b;
  --mousse: #7df0b8;
  --mousse-soft: #7df0b824;
  --ambre: #ffc46b;
  --ambre-soft: #ffc46b24;
  --rose: #ff9db0;
  --rose-soft: #ff9db024;
  --parcel-line: #ffffffd9;
  --parcel-hover: #ffffff33;
  --parcel-select: #ffd43b57;
  --parcel-sale: #ff6b3d4d;
  --parcel-sale-line: #ffb08a;
  --shadow-glass: inset 0 1px 0 rgba(255,255,255,.14), 0 12px 40px rgba(0,0,0,.32);
  --shadow-lift: 0 12px 32px rgba(0,0,0,.4);
  --shadow-float: 0 24px 64px rgba(0,0,0,.5);
  --shadow-sign: 0 6px 14px rgba(0,0,0,.5);
  --shadow-ember-glow: 0 0 0 8px rgba(255,107,61,.24), 0 0 0 18px rgba(255,107,61,.10), 0 0 40px rgba(255,107,61,.65);
  --shadow-focus: 0 0 0 2px #06100c;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-hero: 30px;
  --radius-pill: 999px;
  --blur-glass: 22px;
  --blur-panel: 32px;
  --control-sm: 44px;
  --control-md: 48px;
  --control-lg: 52px;
  --panel-w: 408px;
  --z-map: 0;
  --z-ui: 3;
  --z-nav: 6;
  --z-modal: 20;
  --font-sans: Geist, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-serif: 'Instrument Serif', 'Times New Roman', serif;
  --font-mono: 'Geist Mono', ui-monospace, 'SF Mono', monospace;
}
.display-xl { font-family: var(--font-serif); font-size: 56px; line-height: 56px; font-weight: 400; letter-spacing: -0.01em; }
.display-lg { font-family: var(--font-serif); font-size: 42px; line-height: 43px; font-weight: 400; letter-spacing: -0.01em; }
.display-accent { font-family: var(--font-serif); font-size: 42px; line-height: 43px; font-weight: 400; font-style: italic; letter-spacing: -0.01em; }
.display-md { font-family: var(--font-serif); font-size: 32px; line-height: 34px; font-weight: 400; letter-spacing: -0.01em; }
.display-sm { font-family: var(--font-serif); font-size: 26px; line-height: 28px; font-weight: 400; }
.title { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 600; letter-spacing: -0.01em; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 400; }
.body-sm { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 14px; line-height: 18px; font-weight: 500; }
.button { font-family: var(--font-sans); font-size: 15px; line-height: 15px; font-weight: 600; }
.caption { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.price { font-family: var(--font-sans); font-size: 22px; line-height: 22px; font-weight: 600; letter-spacing: -0.01em; }
.eyebrow { font-family: var(--font-mono); font-size: 11.5px; line-height: 12px; font-weight: 500; letter-spacing: 0.1em; }
.kbd { font-family: var(--font-mono); font-size: 12px; line-height: 12px; font-weight: 500; }