/* ==========================================================================
   DESIGN TOKENS — BARBEARIA JOÃO CORTES
   Estética Streetwear Premium • Dark Onyx, Barber Crimson & Ice White
   Padrão Nível Agência Internacional • Diretriz Soberana O COPY
   ========================================================================== */

:root {
  /* --- PALETA BASE: DARK ONYX & PROFUNDIDADE URBANA --- */
  --bg-deep: #07080a;
  --bg-surface: #0e1117;
  --bg-card: rgba(16, 20, 28, 0.72);
  --bg-card-hover: rgba(24, 30, 42, 0.88);
  --bg-glass: rgba(14, 18, 25, 0.65);
  --bg-pill: rgba(255, 255, 255, 0.06);

  /* --- CORES DE IDENTIDADE: BARBER POLE & STREETWEAR --- */
  --crimson-primary: #ef4444;
  --crimson-glow: rgba(239, 68, 68, 0.45);
  --crimson-subtle: rgba(239, 68, 68, 0.12);
  --blue-electric: #3b82f6;
  --blue-glow: rgba(59, 130, 246, 0.4);
  --blue-subtle: rgba(59, 130, 246, 0.12);
  --ice-platinado: #f8fafc;
  --gold-rating: #f59e0b;

  /* --- TIPOGRAFIA DE ALTO CONTRASTE --- */
  --text-pure: #ffffff;
  --text-heading: #f1f5f9;
  --text-body: #cbd5e1;
  --text-muted: #8492a6;
  --text-faint: #4b5563;

  /* --- BORDAS & GLASSMORPHISM REFINADO --- */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-medium: rgba(255, 255, 255, 0.16);
  --border-crimson: rgba(239, 68, 68, 0.35);
  --border-blue: rgba(59, 130, 246, 0.3);
  --glass-blur: blur(16px);

  /* --- AMBIENT GLOWS & SOMBRAS CINEMATOGRÁFICAS --- */
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.55);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.7);
  --shadow-glow-crimson: 0 0 28px rgba(239, 68, 68, 0.3);
  --shadow-glow-blue: 0 0 28px rgba(59, 130, 246, 0.25);

  /* --- STATUS OPERACIONAL EM TEMPO REAL --- */
  --status-open: #10b981;
  --status-open-glow: rgba(16, 185, 129, 0.5);
  --status-closed: #f59e0b;
  --status-closed-glow: rgba(245, 158, 11, 0.4);

  /* --- FONTES DO DESIGN SYSTEM --- */
  --font-display: 'Syne', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* --- TRANSIÇÕES & TIMINGS SUAVES --- */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-base: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);

  /* --- LAYOUT & MEDIDAS --- */
  --max-width-mobile: 520px;
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-full: 9999px;
}