/* ====================================================================
   Anima Portal — design tokens (paleta warm-minimal igual ao app)
   ==================================================================== */

:root {
  /* Brand */
  --primary:        #1F3A40;
  --primary-shade:  #1B3338;
  --primary-tint:   #354E54;
  --secondary:      #D4A574;
  --secondary-shade:#BB9166;

  /* Background / surfaces */
  --bg:        #F5F0E8;
  --surface:   #FFFFFF;
  --surface-2: #FBF6EE;

  /* Step colors (neutros) */
  --step-50:  #EFE9DF;
  --step-100: #E8E2D6;
  --step-200: #DBD4C4;
  --step-300: #CDC6B2;
  --step-400: #BFB9A6;
  --step-500: #A6A095;
  --step-600: #8D8881;
  --step-700: #6B6862;
  --step-800: #4D4B47;

  /* Texto */
  --text:      #2A2A2A;
  --text-soft: #5C5651;

  /* Semantic */
  --ok:    #5A8C7A;
  --info:  #D4A574;
  --warn:  #C99858;
  --err:   #B5524C;

  /* Tipografia */
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans:  'Inter', system-ui, -apple-system, sans-serif;

  /* Radius */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;

  /* Sombras (com tom âmbar suave, não cinza frio) */
  --shadow-card: 0 2px 8px rgba(31, 58, 64, 0.06);
  --shadow-soft: 0 4px 16px rgba(166, 138, 88, 0.10);
  --shadow-elev: 0 12px 32px rgba(31, 58, 64, 0.20);
}

/* Reset / base */
*, *::before, *::after { box-sizing: border-box; }
html, body {
  margin: 0; padding: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }

button { font-family: inherit; }
input, textarea, select, button { font-family: inherit; font-size: inherit; color: inherit; }

.serif { font-family: var(--font-serif); font-weight: 500; letter-spacing: 0.01em; }

/* utilitários */
.muted   { color: var(--step-600); }
.small   { font-size: 12px; }
.uppercase-soft { letter-spacing: 0.1em; text-transform: uppercase; font-weight: 600; font-size: 11px; color: var(--step-700); }
.mono    { font-family: ui-monospace, 'SF Mono', Consolas, monospace; }