/* ================================================
   DESIGN TOKENS — Dra. Suzane Martins
   Paleta: Branco · Azul Calmo · Verde Saúde
   Sensações: Confiança · Limpeza · Calma · Cuidado · Recuperação
   ================================================ */

:root {
  /* ── Azul Principal (confiança, calma, limpeza) ── */
  --primary:        #0284c7;   /* sky-600 */
  --primary-dark:   #0369a1;   /* sky-700 */
  --primary-mid:    #38bdf8;   /* sky-400 */
  --primary-light:  #f0f9ff;   /* sky-50  */
  --primary-100:    #e0f2fe;   /* sky-100 */
  --primary-200:    #bae6fd;   /* sky-200 */

  /* ── Azul Secundário ── */
  --blue:           #0369a1;   /* sky-700 */
  --blue-dark:      #075985;   /* sky-800 */
  --blue-100:       #e0f2fe;   /* sky-100 */

  /* ── Verde Saúde (cuidado, recuperação, bem-estar) ── */
  --green:          #10b981;   /* emerald-500 */
  --green-dark:     #059669;   /* emerald-600 */
  --green-light:    #ecfdf5;   /* emerald-50  */
  --green-100:      #d1fae5;   /* emerald-100 */
  --green-200:      #a7f3d0;   /* emerald-200 */

  /* ── Texto ── */
  --text-dark:   #0c1a2e;   /* azul-marinho escuro */
  --text:        #1e3a5f;   /* azul escuro suave  */
  --text-body:   #3d5a80;   /* azul médio legível */
  --muted:       #6b8cae;   /* azul acinzentado   */
  --light:       #a8c0d6;   /* azul claro suave   */

  /* ── Fundos ── */
  --bg:          #ffffff;
  --bg-alt:      #f8fbff;   /* branco com leve toque azul */
  --bg-blue:     #f0f9ff;   /* seções alternadas azul */
  --bg-green:    #ecfdf5;   /* seções alternadas verde */
  --bg-dark:     #0c1a2e;   /* footer escuro */

  /* ── Bordas ── */
  --border:      #dce8f0;
  --border-mid:  #b8d0e4;

  /* ── Sombras ── */
  --shadow-xs:         0 1px 2px rgba(2,100,180,0.05);
  --shadow-sm:         0 2px 8px rgba(2,100,180,0.07);
  --shadow-md:         0 4px 16px rgba(2,100,180,0.09);
  --shadow-lg:         0 8px 32px rgba(2,100,180,0.11);
  --shadow-xl:         0 16px 48px rgba(2,100,180,0.13);
  --shadow-primary:    0 8px 28px rgba(2,132,199,0.32);
  --shadow-primary-sm: 0 4px 14px rgba(2,132,199,0.22);
  --shadow-green:      0 8px 24px rgba(16,185,129,0.22);

  /* ── Tipografia ── */
  --font-main:  'Inter', system-ui, sans-serif;
  --font-serif: 'Playfair Display', Georgia, serif;

  /* ── Raio ── */
  --radius:    14px;
  --radius-lg: 24px;
  --radius-xl: 36px;

  /* ── Transição ── */
  --ease:     cubic-bezier(0.23, 1, 0.32, 1);
  --duration: 0.28s;
}