/* ==============================================================================
   Design System & Brand Tokens — Edja Rilene Psicologia Clínica
   Oficial: Raleway Typography, Paleta Verde Floresta / Dourado / Aqua Suave
   ============================================================================== */

:root {
  /* Paleta Primária & Marca */
  --brand-deep: #1E392A;         /* Verde Floresta Clínico */
  --brand-teal: #476A6C;         /* Deep Teal Sofisticado */
  --brand-aqua: #7DBCC3;         /* Aqua Suave e Acolhedor */
  --brand-gold: #D9BC7A;         /* Dourado Nobre */
  --brand-blush: #D4B5A7;        /* Blush Terracota / Humanizado */
  --brand-cream: #F8F5F1;        /* Fundo Neutro Acolhedor */
  --brand-cream-card: #FFFFFF;   /* Superfícies de Cards e Paineis */

  /* Linhas e Contornos */
  --border-subtle: #E8E2D9;      /* Linhas Sutis de Separação */
  --border-focus: #476A6C;       /* Foco em Inputs e Botões */

  /* Tipografia & Contrastes */
  --text-main: #22332A;          /* Texto Principal (Alto Contraste) */
  --text-muted: #65756C;         /* Texto Secundário e Legendas */
  --text-light: #8E9C94;         /* Metadados e Informações Auxiliares */

  /* Estados Semânticos */
  --success: #1E7E4E;            /* Verde de Confirmação e Sucesso */
  --success-bg: #E8F5EE;         /* Fundo de Alerta de Sucesso */
  --danger: #BA3D3D;             /* Vermelho de Alerta / Acesso Negado */
  --danger-bg: #FDEDED;          /* Fundo de Alerta de Falha */
  --warning: #D9822B;            /* Âmbar de Atenção */
  --warning-bg: #FEF7EC;         /* Fundo de Alerta de Atenção */

  /* Raio de Curvatura */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  /* Elevações e Sombras */
  --shadow-sm: 0 2px 6px rgba(30, 57, 42, 0.04);
  --shadow-md: 0 6px 18px rgba(30, 57, 42, 0.06);
  --shadow-lg: 0 16px 36px rgba(30, 57, 42, 0.09);
  --shadow-gold: 0 4px 14px rgba(217, 188, 122, 0.25);

  /* Transições Fluidas */
  --transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Tipografia Base */
body {
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: var(--text-main);
  background-color: var(--brand-cream);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}