/* PODRILO HOMES design tokens — see DESIGN.md §4, §16 */
:root{
  /* Starter compatibility tokens (placeholder front page) */
  --font-body: "Inter", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;
  --color-ink: #111827;
  --color-background: #ffffff;
  --color-focus: #2563eb;
  --radius-control: 8px;
  --space-section: 32px;

  /* Brand color system */
  --color-navy-950: #0b1736;
  --color-navy-900: #102048;
  --color-blue-600: #2563eb;
  --color-blue-500: #3478f6;
  --color-cyan-500: #22b8cf;
  --color-ink-900: #111827;
  --color-slate-600: #475569;
  --color-steel-400: #94a3b8;
  --color-border: #dce3ea;
  --color-mist: #f3f6f8;
  --color-white: #ffffff;
  --color-footer: #071027;
  --color-success: #15803d;
  --color-warning: #d97706;
  --color-error: #b91c1c;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  /* Layout */
  --content-max: 1360px;
  --page-pad: clamp(1.25rem, 5vw, 6rem);
  --space-section-desktop: 120px;
  --space-section-mobile: 72px;
  --section-space: clamp(var(--space-section-mobile), 8vw, var(--space-section-desktop));

  /* Typography */
  --font-heading: "Manrope", "Noto Sans SC", system-ui, sans-serif;
  --font-data: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;

  /* Elevation */
  --shadow-soft: 0 24px 70px rgba(11, 23, 54, .10);
}