/*
  BarberFlow — Sistema de Design "Navalha"
  Paleta inspirada na barbearia clássica: couro escuro, latão da navalha
  e o vermelho profundo da placa giratória — sem cair no clichê do neon.
*/

:root {
  /* Tipografia */
  --fonte-display: 'Fraunces', 'Georgia', serif;
  --fonte-corpo: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --fonte-mono: 'JetBrains Mono', 'SFMono-Regular', monospace;

  /* Escala tipográfica */
  --tx-2xs: 0.6875rem;
  --tx-xs: 0.8125rem;
  --tx-sm: 0.9375rem;
  --tx-base: 1rem;
  --tx-lg: 1.125rem;
  --tx-xl: 1.375rem;
  --tx-2xl: 1.75rem;
  --tx-3xl: 2.375rem;
  --tx-4xl: 3.25rem;

  /* Espaçamento */
  --esp-1: 0.25rem;
  --esp-2: 0.5rem;
  --esp-3: 0.75rem;
  --esp-4: 1rem;
  --esp-5: 1.5rem;
  --esp-6: 2rem;
  --esp-7: 3rem;
  --esp-8: 4.5rem;

  /* Raio e sombra */
  --raio-sm: 8px;
  --raio-md: 14px;
  --raio-lg: 22px;
  --raio-pill: 999px;
  --sombra-sm: 0 1px 2px rgba(0, 0, 0, 0.24);
  --sombra-md: 0 8px 24px rgba(0, 0, 0, 0.28);
  --sombra-lg: 0 20px 48px rgba(0, 0, 0, 0.36);

  /* Transições */
  --vel-rapida: 140ms cubic-bezier(.4, 0, .2, 1);
  --vel-normal: 240ms cubic-bezier(.4, 0, .2, 1);
  --vel-lenta: 420ms cubic-bezier(.16, 1, .3, 1);

  /* Acento fixo (não muda com o tema) */
  --latao: #c89b3c;
  --latao-forte: #e0b458;
  --vermelho-navalha: #a8322d;
  --verde-ok: #4c8c5b;
  --amarelo-alerta: #c9922f;
}

/* ===== Tema escuro (padrão) ===== */
:root,
[data-tema="escuro"] {
  --bg: #14161a;
  --bg-elevado: #191c21;
  --superficie: #1e2127;
  --superficie-2: #262a31;
  --borda: #34393f;
  --borda-forte: #454b53;
  --texto: #f1ede6;
  --texto-suave: #a8adb5;
  --texto-fraco: #6d727a;
  --overlay: rgba(10, 11, 13, 0.72);
}

/* ===== Tema claro ===== */
[data-tema="claro"] {
  --bg: #faf7f2;
  --bg-elevado: #ffffff;
  --superficie: #ffffff;
  --superficie-2: #f2ede3;
  --borda: #e4ddd0;
  --borda-forte: #d3c9b6;
  --texto: #1c1e22;
  --texto-suave: #5c616a;
  --texto-fraco: #8a8f97;
  --overlay: rgba(28, 24, 18, 0.4);
}