/* Smart View design tokens — glass factory palette.
   Direction (Leo 2026-06-11): glass colors, frosted whites + ice blues,
   clear↔frosted as the signature motif, professional manufacturer feel. */

:root {
  /* Frost whites */
  --frost-0: #ffffff;
  --frost-1: #f6fafd;
  --frost-2: #edf4f9;
  --frost-3: #e2edf5;

  /* Ice / glass blues */
  --ice-100: #e3f1f8;
  --ice-200: #cfe6f2;
  --ice-300: #aed5e9;
  --ice-400: #8fc3de;
  --glass-500: #4796bd;
  --glass-600: #2e7396;
  --glass-700: #1f5872;

  /* Deep slate (text / dark sections) */
  --deep-700: #1d3a4a;
  --deep-800: #13242e;
  --deep-900: #0c1920;

  /* Glass surfaces */
  --pane: rgba(255, 255, 255, 0.55);
  --pane-strong: rgba(255, 255, 255, 0.78);
  --pane-border: rgba(255, 255, 255, 0.7);
  --pane-border-soft: rgba(174, 213, 233, 0.45);
  --pane-blur: 14px;
  --frost-milk: rgba(244, 250, 253, 0.62);

  /* Accent (CTA) — deep glass blue, high contrast on frost */
  --cta: #1f5872;
  --cta-hover: #2e7396;
  --cta-text: #ffffff;

  /* Typography */
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Manrope", -apple-system, "Segoe UI", sans-serif;

  /* Type scale */
  --fs-900: clamp(2.4rem, 5.5vw, 4.2rem);
  --fs-800: clamp(2rem, 4vw, 3rem);
  --fs-700: clamp(1.6rem, 3vw, 2.2rem);
  --fs-600: clamp(1.25rem, 2vw, 1.5rem);
  --fs-500: 1.125rem;
  --fs-400: 1rem;
  --fs-300: 0.875rem;
  --fs-200: 0.78rem;

  /* Spacing & shape */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6.5rem;
  --radius-s: 10px;
  --radius-m: 18px;
  --radius-l: 28px;

  /* Shadow — cool, soft, glass-like */
  --shadow-pane: 0 8px 32px rgba(31, 88, 114, 0.12), 0 1.5px 4px rgba(31, 88, 114, 0.06);
  --shadow-float: 0 18px 50px rgba(31, 88, 114, 0.18);

  /* Motion — PDLC switch feel */
  --switch-ms: 600ms;
  --ease-glass: cubic-bezier(0.33, 1, 0.68, 1);

  --maxw: 1180px;
  --header-h: 76px;
}