/* ============ DESIGN TOKENS — Direto Pharma ============ */
/* Fonte: design-system_direto.html — ajustar aqui conforme necessidade visual das dobras reais */
:root{
  --color-primary:#1B5670;
  --color-primary-dark:#123A4C;
  --color-primary-light:#2C7591;
  --color-accent:#14A98E;
  --color-accent-dark:#0E8A73;
  --color-accent-light:#5FCDB6;
  --color-bg-cream:#F4EFDC;
  --color-bg-mint:#DCEFE3;
  --color-bg-pale:#EEF3EF;
  --color-surface:#FFFFFF;
  --color-text:#1B3A4B;
  --color-text-muted:#5B7480;
  --color-border:#E2E8E4;
  --color-success:#2E9E64;
  --color-warning:#C98A1F;
  --color-error:#C1462F;

  --grad-page:linear-gradient(128deg,#F6F1DE 0%,#EDF0DA 28%,#E2F1E0 55%,#DDF0E7 82%,#D3ECE3 100%);
  --grad-hero:linear-gradient(180deg,var(--color-bg-cream) 0%,var(--color-bg-mint) 55%,#CFEAE0 100%);
  --grad-cta:linear-gradient(120deg,#12967D 0%,#0B6F5C 100%);
  --grad-deep:linear-gradient(160deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);
  --color-footer:#135B81;
  --grad-footer:linear-gradient(160deg,#175F86 0%,#0F4A67 100%);

  --font-display:'Raleway',sans-serif;
  --font-body:'Mulish',sans-serif;

  --fs-display-xl:clamp(2.5rem,4.5vw + 1rem,4.25rem);
  --fs-display-lg:clamp(2rem,2.5vw + 1rem,3rem);
  --fs-display-md:clamp(1.5rem,1.5vw + 1rem,2.125rem);
  --fs-h3:clamp(1.2rem,1vw + 1rem,1.5rem);
  --fs-body-lg:1.125rem;
  --fs-body:1rem;
  --fs-small:0.875rem;
  --fs-eyebrow:0.8125rem;

  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;
  --space-9:96px; --space-10:128px;

  --radius-sm:8px; --radius-md:14px; --radius-lg:24px; --radius-full:999px;

  --shadow-sm:0 2px 10px rgba(18,58,76,.07);
  --shadow-md:0 10px 30px rgba(18,58,76,.10);
  --shadow-lg:0 20px 56px rgba(18,58,76,.16);

  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in:cubic-bezier(.7,0,.84,0);
  --dur-fast:150ms; --dur-base:250ms; --dur-slow:400ms;

  --container:1240px;
}