/* ==========================================================================
   DESIGN SYSTEM - BARBEARIA
   Tema: Dark Slate Glassmorphism & Executive Luxury
   Inspirado no acabamento de alta fidelidade e contraste esportivo/premium
   ========================================================================== */

:root {
  /* Cores Base - Dark Slate & Chumbo Profundo */
  --bg-base: #0c0c0e;
  --bg-surface: #141417;
  --bg-surface-elevated: #1a1a1f;
  --bg-surface-card: rgba(20, 20, 25, 0.75);
  --bg-dark-accent: #0f1013;

  /* Acentos de Luxo - Dourado Âmbar & Ouro Nobre */
  --accent-gold: #d4af37;
  --accent-amber: #e5a93c;
  --accent-gold-light: #f7ce68;
  --accent-gold-dark: #b89126;
  --accent-gold-glow: rgba(212, 175, 55, 0.35);
  --accent-amber-glow: rgba(229, 169, 60, 0.25);
  --accent-gradient: linear-gradient(135deg, #f7ce68 0%, #d4af37 50%, #b89126 100%);
  --accent-gradient-text: linear-gradient(135deg, #ffffff 30%, #d4af37 100%);

  /* Contraste Esportivo / Premium - Branco e Cinzas */
  --text-pure: #ffffff;
  --text-primary: #f4f4f6;
  --text-secondary: #a1a1aa;
  --text-muted: #71717a;
  --text-dim: #52525b;

  /* Glassmorphism Tokens Obrigatórios */
  --glass-bg: rgba(18, 18, 22, 0.72);
  --glass-bg-hover: rgba(26, 26, 33, 0.85);
  --glass-bg-active: rgba(32, 32, 42, 0.92);
  --glass-blur: blur(16px);
  --glass-blur-heavy: blur(24px);
  --glass-border: 1px solid rgba(255, 255, 255, 0.08);
  --glass-border-hover: 1px solid rgba(212, 175, 55, 0.45);
  --glass-border-subtle: 1px solid rgba(255, 255, 255, 0.05);
  --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.45);
  --glass-shadow-lg: 0 20px 50px 0 rgba(0, 0, 0, 0.65);
  --glass-shadow-gold: 0 8px 32px 0 rgba(212, 175, 55, 0.15);

  /* Feedback & Status */
  --status-success: #10b981;
  --status-success-glow: rgba(16, 185, 129, 0.3);
  --status-error: #ef4444;
  --status-info: #38bdf8;

  /* Tipografia */
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Cinzel', serif;

  /* Espaçamentos & Layout */
  --container-max: 1240px;
  --container-wide: 1360px;
  --header-height: 80px;
  --section-padding-y: 100px;
  --section-padding-y-mobile: 64px;

  /* Raios de Borda */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  /* Transições Fluídas */
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-base: 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}