/* ==========================================================================
   VARIABLES — design tokens (paleta de cores, raios, sombras, easing)
   OdontoSolutti — carregar sempre antes de style.css / responsive.css / animations.css
   ========================================================================== */

:root{
    --navy:#17345F;
    --navy-deep:#102847;
    --navy-mid:#2C4F7C;
    --gold:#B08A3E;
    --gold-light:#D4B06A;
    --gold-soft:#e9d9b8;
    --ink:#1F2937;
    --text-muted:#6B7280;
    --bg:#F3EFE6;
    --bg-alt:#EFE9DC;
    --bg-alt-2:#EAE2D2;
    --bg-card:#FFFFFF;
    --border:#E8E1D5;
    --white:#ffffff;
    --radius:20px;
    --radius-lg:28px;
    --shadow:0 35px 80px rgba(16,40,75,.08),0 15px 30px rgba(16,40,75,.05);
    --shadow-sm:0 22px 52px rgba(16,40,75,.06),0 8px 18px rgba(16,40,75,.04);
    --ease:cubic-bezier(.16,1,.3,1);
  }