/* ============================================================
   MILLISAVE — Brand design tokens (single source of truth)
   Consumed by public/v2/styles.css (the V2 product-page design
   system) AND loaded site-wide via views/sections/head.blade.php
   so legacy Blade partials (e.g. header.blade.php) can reference
   the exact same custom properties instead of re-declaring their
   own shadow copy under a different prefix.
   ============================================================ */
:root{
  --navy:#003B59;        /* primary headings */
  --navy-2:#05335D;      /* deep panel */
  --navy-3:#053360;
  --blue:#005C8C;        /* mid blue */
  --teal:#03A1AA;        /* accent / icons */
  --cyan:#11DBE6;        /* highlight */
  --coral:#F16553;       /* CTA */
  --coral-d:#E5644F;
  --ink:#50545E;         /* body */
  --muted:#6C727F;       /* secondary body */
  --line:#E4E7EC;
  --tint:#F6F8FA;        /* light section */
  --tint-2:rgba(210,213,218,.18);
  --white:#fff;

  --accent:var(--teal);  /* tweakable accent emphasis */
  --shadow-card:0 4px 33px rgba(0,0,0,.12);
  --shadow-soft:0 1px 21px rgba(0,0,0,.10);
  --shadow-deep:0 22px 60px rgba(2,30,55,.30);
  --radius:14px;
  --maxw:1240px;
  --nav-h:84px;
}