/* ==========================================================================
   DESIGN TOKENS — BARBEARIA DOM OLIVER
   Estética de Alta Fidelidade: Azul Profundo, Branco Crisp & Ciano Elétrico
   Nível Agência Internacional • Padrão O COPY
   ========================================================================== */

:root {
  /* Paleta Base — Azul Noite & Profundidade Oceânica */
  --bg-darkest: #030712;
  --bg-base: #060d1d;
  --bg-surface: rgba(10, 22, 45, 0.75);
  --bg-card: rgba(14, 29, 60, 0.55);
  --bg-card-hover: rgba(23, 44, 88, 0.75);
  --bg-pill: rgba(30, 58, 115, 0.45);

  /* Acentos de Azul e Ciano de Alta Precisão */
  --blue-primary: #1d63ff;
  --blue-electric: #2563eb;
  --blue-sapphire: #1e40af;
  --cyan-accent: #38bdf8;
  --cyan-bright: #67e8f9;
  --cyan-ice: #bae6fd;
  
  /* Brancos & Tipografia de Alto Contraste */
  --text-white: #ffffff;
  --text-primary: #f8fafc;
  --text-secondary: #cbd5e1;
  --text-muted: #8da2c0;
  --text-faint: #475569;

  /* Bordas Refinadas & Glassmorphism */
  --border-subtle: rgba(56, 189, 248, 0.14);
  --border-glow: rgba(56, 189, 248, 0.38);
  --border-white-faint: rgba(255, 255, 255, 0.08);
  --border-white-medium: rgba(255, 255, 255, 0.16);

  /* Ambient Glows & Iluminação 3D */
  --glow-blue: rgba(29, 99, 255, 0.35);
  --glow-blue-lg: rgba(29, 99, 255, 0.55);
  --glow-cyan: rgba(56, 189, 248, 0.35);
  --glow-cyan-soft: rgba(56, 189, 248, 0.18);
  --glow-card: 0 16px 36px -10px rgba(0, 0, 0, 0.7), 0 0 25px -5px rgba(29, 99, 255, 0.15);

  /* Status Operacional Real (Aberto / Fechado) */
  --status-open: #10b981;
  --status-open-glow: rgba(16, 185, 129, 0.5);
  --status-closed: #f59e0b;
  --status-closed-glow: rgba(245, 158, 11, 0.4);

  /* Tipografia Monumental */
  --font-display: 'Syne', -apple-system, sans-serif;
  --font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Micro-Interações & Motion */
  --ease-smooth: 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);

  /* Dimensões & Layout */
  --max-w-content: 540px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-full: 9999px;
}