/* ══════════════════════════════════════════════════════════════
 *  TEMPLO COVA DOS OSSOS — Design Tokens (fonte única)
 *  Carregue ANTES de qualquer outro CSS: <link rel="stylesheet" href="design-tokens.css">
 *
 *  ⚠ DECISÃO DE IDENTIDADE:
 *  As cores canonical mantêm os HEX ATUAIS do sistema (vermelho-sangue
 *  #8B1A1A + ouro #C9A227), porque a regra do projeto é "NÃO mudar
 *  identidade visual". Os tokens usam a NOMENCLATURA NOVA pedida
 *  (--vermelho, --ouro, etc) e oferecem ALIASES (--vm, --vv, --ou, --oc)
 *  pra que TODO o CSS pré-existente continue funcionando intacto.
 * ══════════════════════════════════════════════════════════════ */

:root {
  /* ─── PALETA CANONICAL (identidade Cova dos Ossos) ─── */
  --vermelho:        #8B1A1A;
  --vermelho-vivo:   #C0392B;
  --ouro:            #C9A227;
  --ouro-claro:      #E8C84A;

  --preto:           #0A0706;
  --preto-suave:     #110E0C;
  --fumo:            #1A1614;

  --texto:           #E8DCC8;   /* corpo principal (osso) */
  --texto-fraco:     #C4B49A;   /* secundário (osso-escuro) */
  --texto-fantasma:  rgba(196,180,154,.45);

  /* ─── ESTADOS ─── */
  --ok:              #6dbf6d;
  --ok-bg:           rgba(45,106,45,.12);
  --ok-border:       rgba(109,191,109,.35);

  --erro:            #e87a7a;
  --erro-bg:         rgba(139,26,26,.15);
  --erro-border:     rgba(192,57,43,.4);

  --aviso:           #e8b84a;
  --info:            #7aaeff;

  /* ─── ESPAÇAMENTO (grade 4px) ─── */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  /* ─── RAIO ─── */
  --radius-sm:  3px;
  --radius:     6px;
  --radius-lg: 10px;
  --radius-xl: 16px;

  /* ─── SOMBRAS ─── */
  --shadow-sm: 0 2px 8px  rgba(0,0,0,.35);
  --shadow:    0 6px 22px rgba(0,0,0,.45);
  --shadow-lg: 0 12px 40px rgba(0,0,0,.55);
  --glow-ouro: 0 0 18px rgba(201,162,39,.30);

  /* ─── TIPOGRAFIA ─── */
  --font-display:  'Cinzel Decorative', serif;
  --font-titulo:   'Cinzel', serif;
  --font-corpo:    'Montserrat', sans-serif;
  /* EB Garamond mantida pra textos literários antigos; pode sumir gradualmente. */
  --font-leitura:  'EB Garamond', 'Cinzel', serif;

  /* Tamanhos com PISO mínimo legível (≥13px) */
  --fs-xs:    .82rem;   /* 13.1px — uso restrito (legendas, hints) */
  --fs-sm:    .9rem;    /* 14.4px */
  --fs-base:  1rem;     /* 16px — corpo principal */
  --fs-md:    1.1rem;
  --fs-lg:    1.25rem;
  --fs-xl:    1.5rem;
  --fs-2xl:   2rem;
  --fs-3xl:   clamp(1.6rem, 5vw, 2.8rem);

  /* ─── BREAKPOINTS (3 oficiais — usar com @media) ─── */
  /* mobile:  até 480px
     tablet:  481-768px
     desktop: 769-1024px
     wide:    >1024px
     Os 8 breakpoints antigos do projeto continuam funcionando — estes
     são pra TODO código novo. */

  /* ─── Z-INDEX ─── */
  --z-conteudo:    1;
  --z-navbar:      200;
  --z-overlay:     800;
  --z-modal:       9000;
  --z-toast:       9500;
  --z-protecao:    9999;

  /* ─── TIMINGS ─── */
  --t-rapido:  .15s;
  --t-padrao:  .25s;
  --t-lento:   .4s;
  --easing:    cubic-bezier(.4, 0, .2, 1);

  /* ════════════════════════════════════════════════════════════
   * ALIASES — back-compat com os 2 sistemas de variáveis antigos.
   * NÃO usar em código novo. Existem só pra que o CSS legado
   * (admin-shared.css, inline styles, etc) continue funcionando.
   * ════════════════════════════════════════════════════════════ */

  /* Sistema curto (admin/login antigos) */
  --vm: var(--vermelho);
  --vv: var(--vermelho-vivo);
  --ou: var(--ouro);
  --oc: var(--ouro-claro);
  --pr: var(--preto);
  --fu: var(--preto-suave);
  --os: var(--texto);
  --oe: var(--texto-fraco);
  --sb: 255px;            /* sidebar admin — não força, sobrescrevível */

  /* Sistema longo já casa com canonical (vermelho, ouro etc) */

  /* Outros aliases avulsos vistos no projeto */
  --osso:        var(--texto);
  --osso-escuro: var(--texto-fraco);
  --cinza:       #2A2421;
}