:root {
  /* Backgrounds */
  --bg-page:      #F4F1EC;
  --bg-surface:   #FFFFFF;
  --bg-alt:       #F0EDE8;
  --bg-header:    #FDFCFA;

  /* Borders */
  --border-soft:  #E2DDD6;
  --border-mid:   #CEC9C0;

  /* Text */
  --text-main:    #2A2520;
  --text-sub:     #5D5550;
  --text-muted:   #9A9490;

  /* Primary — azul calmo */
  --primary:        #4B7BAC;
  --primary-hover:  #3A6A99;
  --primary-light:  #EBF2F9;
  --primary-border: #B8D0E8;

  /* Accent — roxo espiritual */
  --accent:       #7068A0;
  --accent-light: #EDEAF6;

  /* Sucesso */
  --success:        #3D8B61;
  --success-light:  #E8F5EE;
  --success-border: #A8D5B8;

  /* Erro */
  --error:        #C0544A;
  --error-light:  #FBF0EF;
  --error-border: #E8B5B0;

  /* Aviso */
  --warning:        #B07A2A;
  --warning-light:  #FDF6E3;
  --warning-border: #E8D4A0;

  /* Tipografia */
  --font: system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --text-xs:  13px;
  --text-sm:  14px;
  --text-base:16px;
  --text-lg:  18px;
  --text-xl:  22px;
  --text-2xl: 28px;
  --text-3xl: 36px;
  --lh-text:  1.65;
  --lh-head:  1.3;

  /* Espaçamento */
  --s1:  4px;  --s2:  8px;  --s3: 12px;
  --s4: 16px;  --s5: 20px;  --s6: 24px;
  --s8: 32px;  --s10:40px;  --s12:48px;

  /* Raios */
  --r-sm: 4px;  --r-md: 8px;
  --r-lg: 12px; --r-xl: 16px;

  /* Sombras */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.07);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.09);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.11);
}