/* Dental Fit — design tokens. Single source of truth for every page. */
:root{
  /* palette */
  --blue-50:#F5F7FC; --blue-100:#E7EAF7; --blue-200:#D7DDF3; --blue-300:#BEC7EA;
  --blue-400:#A3B2E0; --blue-500:#8A9AD4;
  --navy-900:#1E2A4A; --navy-700:#2B3862; --navy-500:#5B6584; --navy-300:#8B93A8;
  --coral-50:#FEEEE9; --coral-100:#FCD9CE; --coral-300:#F6987C;
  --coral-500:#F2694F; --coral-600:#E85436; --coral-700:#C8432A;
  --white:#FFFFFF; --black:#111420; --green-500:#3FA66A;

  /* semantic */
  --bg-page:#EEF1FA; --bg-page-deep:#C7D0EF; --bg-surface:#FFFFFF;
  --bg-navy-panel:#1B2540;
  --text-primary:var(--navy-900); --text-secondary:var(--navy-500);
  --text-inverse:#FFFFFF; --text-accent:var(--coral-500);
  --accent:var(--coral-500); --accent-hover:var(--coral-600); --accent-active:var(--coral-700);
  --accent-tint:var(--coral-50);
  /* Round 8c: the one vivid blue the Figma treatments reference asks for,
     for the "All Under One Roof" headline only — scoped, not a palette change */
  --treat-blue:#1C64E0;
  --border-subtle:rgba(30,42,74,.08); --border-soft:rgba(30,42,74,.12);
  --border-glass:rgba(255,255,255,.6);
  --focus-ring:rgba(242,105,79,.42);
  --shadow-color:rgba(46,58,110,.16);

  /* glass material — three weights, not one */
  --glass-thin:rgba(255,255,255,.30);
  --glass-mid:rgba(255,255,255,.46);
  --glass-thick:rgba(255,255,255,.66);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
  --glass-blur-sm:10px; --glass-blur:18px; --glass-blur-lg:30px;
  --glass-rim:inset 0 1px 0 rgba(255,255,255,.85), inset 0 -1px 0 rgba(255,255,255,.28);

  /* type */
  --font-display:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-body:var(--font-display);
  --font-hand:"Caveat",cursive;
  --fw-medium:500; --fw-semibold:600; --fw-bold:700; --fw-extrabold:800;

  /* space + shape */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;
  --sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;
  --radius-sm:8px; --radius-md:14px; --radius-lg:20px; --radius-xl:28px; --radius-pill:999px;
  --shadow-sm:0 2px 8px rgba(46,58,110,.08);
  --shadow-md:0 10px 30px rgba(46,58,110,.14);
  --shadow-lg:0 20px 50px rgba(46,58,110,.18);
  --shadow-hover:0 26px 60px rgba(46,58,110,.20);

  /* motion */
  --ease-out:cubic-bezier(.22,.61,.36,1);
  --ease-soft:cubic-bezier(.3,.7,.3,1);
  --ease-std:cubic-bezier(.4,0,.2,1);
  --dur-fast:160ms; --dur-normal:260ms; --dur-slow:420ms;

  /* layout */
  --shell:1240px; --shell-w:min(var(--shell),92%);
  --header-h:104px;
}