/* Mascotly — Design Tokens (Rota 1 "Tierra y regreso")
 * Fonte da verdade: marketing/identidade/06-design-tokens.md
 * Cole em cada app (ou importe de um pacote compartilhado).
 */

:root {
  /* ---- cor: marca ---- */
  --c-barro:        #C0532B;
  --c-barro-escuro: #A5431F;
  --c-musgo:        #5C6B4C;
  --c-musgo-claro:  #7C8A63;
  --c-sol:          #E8A33D;

  /* ---- cor: superfície ---- */
  --c-areia:        #F2EAE0;
  --c-creme:        #FBF6EF;
  --c-areia-fund:   #ECE0D0;
  --c-borda:        #E0D3C2;

  /* ---- cor: texto ---- */
  --c-tinta:        #2E241D;
  --c-tinta-suave:  #5B4C3F;
  --c-tinta-fraca:  #8A7358;

  /* ---- cor: semântica ---- */
  --c-sucesso:      #4E8D6B;
  --c-atencao:      #E8A33D;
  --c-erro:         #B23B22;
  --c-info:         #5C6B4C;

  /* ---- tipografia ---- */
  --f-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --f-corpo:   'Instrument Sans', system-ui, sans-serif;
  --f-mono:    'JetBrains Mono', ui-monospace, monospace;

  --t-xs:   0.75rem;
  --t-sm:   0.875rem;
  --t-base: 1rem;
  --t-lg:   1.25rem;
  --t-xl:   1.5rem;
  --t-2xl:  2rem;
  --t-3xl:  2.75rem;
  --t-4xl:  3.75rem;

  /* ---- forma ---- */
  --r-sm:   8px;
  --r-md:   14px;
  --r-lg:   22px;
  --r-full: 999px;

  /* ---- sombra ---- */
  --shadow-card:   0 8px 24px -14px rgba(46, 36, 29, 0.16);
  --shadow-raised: 0 16px 40px -18px rgba(46, 36, 29, 0.22);
  --shadow-sol:    0 6px 20px -8px rgba(232, 163, 61, 0.35);

  /* ---- gradiente ---- */
  --grad-brand: linear-gradient(135deg, #C0532B 0%, #A5431F 100%);
  --grad-sol:   radial-gradient(120% 90% at 88% 12%, rgba(232,163,61,0.18), transparent 55%);
}

/* Modo escuro: inverte papéis, não hexes. Ativar via [data-theme="dark"]
 * ou @media (prefers-color-scheme: dark) conforme o app. */
:root[data-theme="dark"] {
  --c-areia:       #211A14;
  --c-creme:       #2E241D;
  --c-areia-fund:  #2A2119;
  --c-borda:       #3D3226;
  --c-tinta:       #F2EAE0;
  --c-tinta-suave: #C9B9A8;
  --c-tinta-fraca: #8A7358;
  --c-barro:       #D9683F;
  --c-barro-escuro:#C0532B;
}