/* ============================================================
   Caderno — Design tokens
   Marca Brunna Sabine · Psicóloga
   Paleta: sálvia + areia + terracota
   ============================================================ */

:root {
  /* Cores — paleta principal */
  --sage-primaria: #6B7F63;
  --sage-profundo: #3E4E3A;
  --sage-claro:    #8FA284;

  --terracota:     #B4654A;
  --terracota-sombra: #8B4A35;

  --off-white:     #F5F1E8;
  --creme:         #EDE6D6;
  --bege-claro:    #FFFDF9;
  --areia-escura:  #D6CFBE;

  --carvao:        #2B2B2A;
  --cinza-suave:   #6B6B68;
  --cinza-quase:   #A8A8A4;

  /* Semânticas */
  --cor-sucesso:   #6B7F63;
  --cor-aviso:     #B4954A;
  --cor-erro:      #B4654A;
  --cor-info:      #6B7F8A;

  /* Fundos de estado */
  --bg-sucesso:    #E8EEE4;
  --bg-aviso:      #F5EBD4;
  --bg-erro:       #F8E4DB;
  --bg-info:       #E4EAED;

  /* Texto */
  --texto-principal:  var(--carvao);
  --texto-secundario: var(--cinza-suave);
  --texto-claro:      var(--bege-claro);
  --texto-link:       var(--sage-profundo);
  --texto-link-hover: var(--terracota);

  /* Fundos e superfícies */
  --fundo:           var(--off-white);
  --superficie:      var(--bege-claro);
  --superficie-alt:  var(--creme);
  --borda:           var(--areia-escura);
  --borda-suave:     var(--creme);

  /* Tipografia */
  --fonte-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --fonte-ui:      'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fonte-texto:   'Literata', Georgia, serif;
  --fonte-mono:    ui-monospace, 'SF Mono', 'Cascadia Code', monospace;

  /* Espaçamento (escala modular) */
  --esp-xs:  0.25rem;
  --esp-sm:  0.5rem;
  --esp-md:  1rem;
  --esp-lg:  1.5rem;
  --esp-xl:  2rem;
  --esp-2xl: 3rem;
  --esp-3xl: 4rem;

  /* Raios de borda */
  --raio-sm:  4px;
  --raio-md:  8px;
  --raio-lg:  12px;
  --raio-xl:  16px;
  --raio-pill: 999px;

  /* Sombras */
  --sombra-sm: 0 1px 2px rgba(43, 43, 42, 0.04);
  --sombra-md: 0 1px 3px rgba(43, 43, 42, 0.06), 0 1px 2px rgba(43, 43, 42, 0.04);
  --sombra-lg: 0 4px 12px rgba(43, 43, 42, 0.08), 0 2px 4px rgba(43, 43, 42, 0.04);
  --sombra-xl: 0 12px 24px rgba(43, 43, 42, 0.10), 0 4px 8px rgba(43, 43, 42, 0.06);

  /* Layout */
  --sidebar-largura:  260px;
  --header-altura:    64px;
  --container-max:    1200px;

  /* Transições */
  --transicao-rapida: 120ms ease-out;
  --transicao-media:  200ms ease-out;
  --transicao-lenta:  320ms ease-out;
}