/* ------------------------------------------------------------------
   CEAF ESTÉTICA FLOWERS · design tokens
   Conceito "florescer" ("todos os dias temos a honra de presenciar nossos
   pacientes florescerem", legenda de 14/08/2026). A lótus do letreiro abre
   pétala por pétala, e cada pétala é uma das sete áreas da fachada.
   Base de linho, tinta anil (o azul-marinho do letreiro novo) como texto
   e acento, rosa-lótus só como tinta clara (pétala, seção). Anil-noite
   só no rodapé. Cormorant (display, com itálico) · Schibsted Grotesk.
   ------------------------------------------------------------------ */
:root {
  /* — cor — */
  --linho: #F5F1EC;
  --linho-2: #ECE5DD;
  --lotus: #F4DDE7;
  --lotus-2: #E9BFD2;
  --noite: #141936;
  --noite-2: #1D2347;
  --noite-soft: #3A3F5E;
  --nevoa: #6A6C80;
  --anil: #2B3A8C;
  --anil-claro: #B9C2EC;
  --bg: var(--linho);
  --fg: var(--noite);
  --fg-soft: var(--noite-soft);
  --muted: var(--nevoa);
  --hair: rgba(20, 25, 54, .15);
  --accent: var(--anil);

  /* — tipografia — */
  --font-display: "Cormorant", "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --font-text: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;

  --fs-hero: clamp(3.1rem, 7.4vw, 8.6rem);
  --fs-display-xl: clamp(3rem, 8.4vw, 10rem);
  --fs-display-l: clamp(2.4rem, 5.4vw, 6.2rem);
  --fs-display-m: clamp(1.9rem, 3.3vw, 3.6rem);
  --fs-display-s: clamp(1.45rem, 2.1vw, 2.2rem);
  --fs-lede: clamp(1.06rem, 1.25vw, 1.24rem);
  --fs-body: clamp(1rem, 1.05vw, 1.06rem);
  --fs-small: .875rem;
  --fs-label: .72rem;

  --lh-display: .94;
  --lh-body: 1.6;

  /* — grid — */
  --gutter: clamp(1rem, 2.2vw, 2.25rem);
  --margin: clamp(1.25rem, 5vw, 6rem);
  --section-gap: clamp(6rem, 12vw, 11rem);

  /* — motion system — */
  --m-fast: .45s;
  --m-med: .9s;
  --m-slow: 1.6s;
  --ease-standard: cubic-bezier(.22, 1, .36, 1);
  --ease-editorial: cubic-bezier(.77, 0, .18, 1);
  --ease-reveal: cubic-bezier(.16, 1, .3, 1);

  --z-nav: 50;
  --z-grain: 60;
}

[data-theme="light"] { --bg: var(--linho); }
[data-theme="stone"] { --bg: var(--linho-2); }
[data-theme="lotus"] { --bg: var(--lotus); --hair: rgba(20, 25, 54, .18); --muted: #5E5670; }
[data-theme="dark"] {
  --bg: var(--noite);
  --fg: var(--linho);
  --fg-soft: #D6D6E2;
  --muted: #A3A6C0;
  --hair: rgba(245, 241, 236, .14);
  --accent: var(--anil-claro);
}