/* ============================================================
   ALEXANDRA MECA — Design de Interiores
   tokens.css · Fonte única de verdade (prefixo --ale-)
   Paleta fiel ao material de marca: marfim · taupe · café · caramelo
   ------------------------------------------------------------
   NOTA DE NOMES: as VARIÁVEIS de escala preservam apelidos
   técnicos (nanquim/argila/salvia/latao) para estabilidade do
   código; os NOMES PRÓPRIOS de marca são:
     nanquim → Café (neutro quente / tinta)
     argila  → Taupe (cogumelo / assinatura)
     salvia  → Caramelo (madeira / acento quente)
     latao   → Latão (metálico discreto)
   ============================================================ */

:root {
  /* ---------- CAFÉ · neutro quente / tinta (var: nanquim) ---------- */
  --ale-nanquim-50:  #F7F1E9;
  --ale-nanquim-100: #EFE7DD;
  --ale-nanquim-200: #E2D6C8;
  --ale-nanquim-300: #CDBCAA;
  --ale-nanquim-400: #AB9582;
  --ale-nanquim-500: #897463;
  --ale-nanquim-600: #6A5746;
  --ale-nanquim-700: #4F3F30;
  --ale-nanquim-800: #392D22;
  --ale-nanquim-900: #2A2019;

  /* ---------- TAUPE · cogumelo / assinatura (var: argila) ---------- */
  --ale-argila-50:  #F3ECE4;
  --ale-argila-100: #E7D9CB;
  --ale-argila-200: #D4BFA9;
  --ale-argila-300: #BCA286;
  --ale-argila-400: #A4886A;
  --ale-argila-500: #917156;
  --ale-argila-600: #7B5E45;
  --ale-argila-700: #634A37;
  --ale-argila-800: #4B3829;
  --ale-argila-900: #34271E;

  /* ---------- CARAMELO · madeira / acento quente (var: salvia) ---------- */
  --ale-salvia-50:  #FAF1E7;
  --ale-salvia-100: #F2DFC9;
  --ale-salvia-200: #E6C49E;
  --ale-salvia-300: #D5A572;
  --ale-salvia-400: #C2884D;
  --ale-salvia-500: #AC7139;
  --ale-salvia-600: #8F5B2D;
  --ale-salvia-700: #714724;
  --ale-salvia-800: #54351D;
  --ale-salvia-900: #382414;

  /* ---------- LATÃO · metálico discreto ---------- */
  --ale-latao-300: #CDB387;
  --ale-latao-500: #A6814D;
  --ale-latao-700: #7B5D32;

  /* ---------- NEUTROS NOMEADOS (atalhos) ---------- */
  --ale-marfim:  var(--ale-nanquim-50);    /* paper claro */
  --ale-linho:   var(--ale-nanquim-100);   /* fundo quente */
  --ale-areia:   var(--ale-nanquim-200);   /* superfície neutra */
  --ale-pedra:   var(--ale-nanquim-300);   /* greige médio */
  --ale-grafite: var(--ale-nanquim-600);   /* texto suave */
  --ale-cafe:    var(--ale-nanquim-700);   /* café médio */
  --ale-tinta:   var(--ale-nanquim-900);   /* espresso / tinta da marca */
  --ale-papel:   #FBF6EE;                   /* cartão / branco quente */

  /* ---------- SEMÂNTICAS ---------- */
  --ale-bg:            var(--ale-linho);
  --ale-bg-alt:        var(--ale-nanquim-50);
  --ale-surface:       var(--ale-papel);
  --ale-surface-sunk:  var(--ale-nanquim-100);
  --ale-fg:            var(--ale-nanquim-900);
  --ale-text:          var(--ale-nanquim-800);
  --ale-text-muted:    var(--ale-nanquim-500);
  --ale-text-subtle:   var(--ale-nanquim-400);
  --ale-border:        var(--ale-nanquim-200);
  --ale-border-strong: var(--ale-nanquim-300);
  --ale-accent:        var(--ale-argila-500);   /* taupe */
  --ale-accent-hover:  var(--ale-argila-700);
  --ale-accent-soft:   var(--ale-argila-50);
  --ale-accent-2:      var(--ale-salvia-500);   /* caramelo */
  --ale-accent-2-soft: var(--ale-salvia-50);
  --ale-gold:          var(--ale-latao-500);
  --ale-on-accent:     var(--ale-papel);
  --ale-on-dark:       var(--ale-nanquim-50);

  /* Estados / alertas (funcionais, fora do núcleo de marca) */
  --ale-sucesso:       #6E7456;   /* oliva discreta */
  --ale-sucesso-soft:  #EEF0E6;
  --ale-atencao:       #B58A3C;
  --ale-atencao-soft:  #FAF1DD;
  --ale-erro:          #A8503C;
  --ale-erro-soft:     #F6E6DF;
  --ale-info:          #6D6B62;
  --ale-info-soft:     #EEEBE4;

  /* ---------- TIPOGRAFIA ---------- */
  --ale-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --ale-font-body:    "Jost", "Helvetica Neue", Arial, sans-serif;
  --ale-font-script:  "Allura", "Pinyon Script", "Cormorant Garamond", cursive;
  --ale-font-mono:    "Space Mono", "SFMono-Regular", Menlo, monospace;

  /* Escala modular (terça maior ≈ 1.25, base 17px) */
  --ale-fs-display-xl: 5.0rem;
  --ale-fs-display:    3.5rem;
  --ale-fs-h1:         2.75rem;
  --ale-fs-h2:         2.125rem;
  --ale-fs-h3:         1.625rem;
  --ale-fs-h4:         1.25rem;
  --ale-fs-body-lg:    1.1875rem;
  --ale-fs-body:       1.0625rem;
  --ale-fs-small:      0.875rem;
  --ale-fs-caption:    0.78rem;

  --ale-lh-tight:   1.08;
  --ale-lh-snug:    1.28;
  --ale-lh-normal:  1.6;
  --ale-lh-relaxed: 1.78;

  --ale-tracking-tight:  -0.01em;
  --ale-tracking-normal: 0;
  --ale-tracking-wide:   0.08em;
  --ale-tracking-wider:  0.24em;   /* eyebrows / wordmark subline */

  --ale-weight-light:    300;
  --ale-weight-regular:  400;
  --ale-weight-medium:   500;
  --ale-weight-semibold: 600;

  /* ---------- ESPAÇAMENTO (base 4px) ---------- */
  --ale-space-1:  0.25rem;
  --ale-space-2:  0.5rem;
  --ale-space-3:  0.75rem;
  --ale-space-4:  1rem;
  --ale-space-5:  1.5rem;
  --ale-space-6:  2rem;
  --ale-space-7:  3rem;
  --ale-space-8:  4rem;
  --ale-space-9:  6rem;
  --ale-space-10: 8rem;

  /* ---------- RAIO ---------- */
  --ale-radius-none: 0;
  --ale-radius-sm:   3px;
  --ale-radius-md:   8px;
  --ale-radius-lg:   16px;
  --ale-radius-pill: 999px;

  /* ---------- SOMBRA (tonalizada quente / espresso) ---------- */
  --ale-shadow-1: 0 1px 2px rgba(42,32,25,.06), 0 1px 3px rgba(42,32,25,.05);
  --ale-shadow-2: 0 6px 16px -6px rgba(42,32,25,.14), 0 2px 6px rgba(42,32,25,.07);
  --ale-shadow-3: 0 24px 56px -16px rgba(42,32,25,.24), 0 8px 20px -10px rgba(42,32,25,.13);

  /* ---------- LAYOUT ---------- */
  --ale-sidebar-w: 280px;
  --ale-content-max: 1080px;
  --ale-ease: cubic-bezier(.22,.61,.36,1);
}