/**
 * Octopus Barbearia — Design Tokens
 * Direção de Design: Editorial Luxury, Bespoke Craft & Anti-AI Discipline
 * Inspiração: Savile Row, Mayfair Grooming, Tons Quentes de Madeira, Couro e Âmbar
 */

:root {
  /* Paleta Cromática: Preto Carvão Quente, Nogueira Escura e Bronze Envelhecido */
  --bg-primary: #0C0B0A;
  --bg-surface: #141312;
  --bg-surface-elevated: #1D1B19;
  --bg-surface-glass: rgba(18, 17, 16, 0.94);
  --bg-surface-glass-border: rgba(255, 255, 255, 0.09);

  /* Acentos de Luxo: Âmbar e Ouro Mate com Vida e Temperatura Quente */
  --accent-gold: #C5A059;
  --accent-gold-light: #DFC080;
  --accent-gold-dark: #8E7036;
  --accent-gold-muted: rgba(197, 160, 89, 0.14);
  --accent-gold-hairline: rgba(197, 160, 89, 0.3);
  --accent-amber: #D97706;
  --accent-amber-glow: rgba(217, 119, 6, 0.22);
  --accent-green-alive: #10B981;

  /* Tipografia: Marfim Mineral e Tons Neutros Orgânicos */
  --text-primary: #F7F5F0;
  --text-secondary: #ABA79F;
  --text-muted: #78746D;
  --text-inverse: #0C0B0A;

  /* Contornos e Linhas Arquiteturais (Hairlines Fina) */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-medium: rgba(255, 255, 255, 0.14);
  --border-gold: rgba(197, 160, 89, 0.38);

  /* Tipografia */
  --font-display: 'Playfair Display', 'Cinzel', Georgia, serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Space Mono', monospace;

  /* Escala de Espaçamento */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3.5rem;
  --space-2xl: 6rem;
  --section-padding-y: clamp(5rem, 9vw, 8.5rem);
  --container-max: 1240px;
  --container-gutter: clamp(1.25rem, 4vw, 2.5rem);

  /* Geometria Editorial: Sem squircles ou bolhas (Ângulos precisos) */
  --radius-outer: 2px;
  --radius-inner: 1px;
  --radius-sm: 2px;
  --radius-pill: 2px;

  /* Sombras Sutis & Iluminação Âmbar Difusa */
  --shadow-ambient: 0 16px 36px -12px rgba(0, 0, 0, 0.7);
  --shadow-gold: 0 12px 30px -8px rgba(197, 160, 89, 0.22);
  --shadow-inner: inset 0 1px 0 rgba(255, 255, 255, 0.06);

  /* Curvas e Durações de Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.25, 1, 0.5, 1);
  --dur-fast: 180ms;
  --dur-base: 400ms;
  --dur-slow: 800ms;

  /* Z-Index */
  --z-base: 1;
  --z-card: 10;
  --z-nav: 100;
  --z-modal: 1000;
  --z-toast: 2000;
}