/* ===================================================================
   NAVALHA — DESIGN TOKENS
   Identidade demonstrativa, centralizada aqui para troca rápida depois.
   =================================================================== */
:root{
  /* -------- Cor: base (tema escuro, área do cliente) -------- */
  --bg:#0B0B0D;
  --bg-elevated:#151517;
  --bg-elevated-2:#1C1C1F;
  --border:#242226;
  --border-soft:#2E2C30;

  --ink:#F2F0EC;
  --ink-dim:#B8B3AA;
  --ink-mute:#7C766C;

  --accent:#C08A3E;
  --accent-light:#D9A85C;
  --accent-ink:#1A1408;

  --success:#4CAF6C;
  --success-bg:rgba(76,175,108,.12);
  --warning:#E0A23B;
  --warning-bg:rgba(224,162,59,.12);
  --danger:#E15353;
  --danger-bg:rgba(225,83,83,.12);
  --info:#4C8FE0;
  --info-bg:rgba(76,143,224,.12);

  /* -------- Cor: superfície clara (admin/barbeiro) -------- */
  --l-bg:#FAFAF8;
  --l-surface:#FFFFFF;
  --l-surface-alt:#F1F0EC;
  --l-border:#E6E3DC;
  --l-ink:#1C1A17;
  --l-ink-dim:#6B6660;
  --l-ink-mute:#9C968C;

  /* -------- Tipografia -------- */
  --font-display:'Bricolage Grotesque', 'Inter', sans-serif;
  --font-body:'Inter', -apple-system, sans-serif;

  /* -------- Espaçamento -------- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px;

  /* -------- Raio -------- */
  --r-sm:8px; --r-md:10px; --r-lg:16px; --r-pill:999px;

  /* -------- Sombra -------- */
  --shadow-sm:0 2px 8px rgba(0,0,0,.18);
  --shadow-md:0 8px 24px rgba(0,0,0,.28);
  --shadow-lg:0 16px 48px rgba(0,0,0,.36);
  --shadow-l-sm:0 2px 8px rgba(28,26,23,.06);
  --shadow-l-md:0 8px 24px rgba(28,26,23,.08);

  /* -------- Movimento -------- */
  --ease:cubic-bezier(.4,0,.2,1);
  --dur-fast:140ms;
  --dur:220ms;
  --dur-slow:360ms;

  /* -------- Layout -------- */
  --sidebar-w:264px;
  --header-h:72px;
  --container:1280px;
}