/* ============================================================
   EvoDental design tokens — SINGLE SOURCE OF TRUTH
   ------------------------------------------------------------
   This is the one authoritative :root for the theme. All other
   stylesheets consume these variables; none should redefine them.
   Loaded first (before style.css / rebrand-style.css) via the
   'evo-tokens' handle in functions.php.

   Canonical brand palette (signed off 2026-06-26):
     navy   #1B2A3D
     orange #E34312
   Values below are the reconciled superset of the former :root
   blocks in style.css and rebrand/assets/rebrand-style.css,
   chosen so the rendered frontend is unchanged while the
   source of truth is unified.
   ============================================================ */

:root {
  /* ---- Brand ---- */
  --navy: #1B2A3D;
  --orange: #E34312;
  --orange-hover: #CF6606;
  --light-navy: #2D3D4D;
  --steel-blue: #334D5D;

  /* ---- Text ---- */
  --body-text: #1B2A3D;
  --subtitle: #489197;

  /* ---- Supporting palette ---- */
  --teal: #489197;
  --light-teal: #e5f0f1;
  --blue: #2a4d69;
  --light-blue: #326DB3;
  --purple: #4b3c6b;
  --light-purple: #7c65a0;
  --gold: #d6be3f;

  /* ---- Neutrals ---- */
  --grey: #d2d5d9;
  --light-grey: #f1f3f4;
  --dark-grey: #FAF3F1;

  /* ---- Tints ---- */
  --light-orange: #FAF3F1;

  /* ---- Typography ---- */
  --font-display: "Inter", sans-serif;   /* headings */
  --font-body:    "tablet-gothic", sans-serif;   /* body copy */

  /* Type scale (desktop) — the canonical heading sizes used by
     homepage/pricing. Adjust here to restyle headings site-wide. */
  --fs-h1: 56px;
  --fs-h2: 40px;
  --fs-h3: 32px;
  --fs-h4: 24px;
  --fs-body: 16px;

  /* Type scale (<=768px) */
  --fs-h1-mobile: 45px;
  --fs-h2-mobile: 30px;

  /* Weights */
  --fw-heading: 600;   /* h1–h3 */
  --fw-h4: 400;
  --fw-body: 400;
  --fw-button: 500;
  --fw-h1-mobile: 700;

  /* ---- Component tokens ---- */
  --button-border-radius: 20px;

  /* ---- Swiper (carousel) ---- */
  --swiper-theme-color: #1D2A36;
  --swiper-pagination-bullet-height: 14px;
  --swiper-pagination-bullet-size: 14px;

  /* ---- Legacy palette retained for safety: kept so no var()
     can resolve to nothing if an old rule still references one. ---- */
  --dark-cyan: #1A9298;
  --rose: #D22365;
  --moss-green: #959062;
  --green: #639E42;
  --blush: #D46C7A;
  --azul: #006EB8;
}