/**
 * Design Tokens & Variáveis Oficiais - Maria Rosa Beauty
 * Alinhado ao Manual de Identidade Visual Oficial (2023)
 */

:root {
  /* Paleta de Cores Institucional do Manual */
  --color-marrom-escuro: #2D221E;       /* Espresso Noir / Primária */
  --color-marrom-medio: #634B40;        /* Taupe Earthen / Secundária */
  --color-rosa-queimado: #A18383;       /* Dusty Rose / Destaque Elegante */
  --color-creme: #EFE5E1;               /* Luminous Champagne / Acolhimento */
  --color-offwhite: #FAF6F4;            /* Porcelana / Fundo Limpo */
  --color-pure-white: #FFFFFF;          /* Pure Canvas */
  --color-bronze: #C5A880;              /* Muted Atelier Bronze / Acentos de Luxo */
  --color-bronze-light: rgba(197, 168, 128, 0.15);

  /* Variações de Transparência e Bordas */
  --color-marrom-escuro-90: rgba(45, 34, 30, 0.9);
  --color-marrom-escuro-10: rgba(45, 34, 30, 0.08);
  --color-marrom-escuro-05: rgba(45, 34, 30, 0.04);
  --color-rosa-queimado-20: rgba(161, 131, 131, 0.2);
  --color-rosa-queimado-10: rgba(161, 131, 131, 0.1);
  --color-creme-50: rgba(239, 229, 225, 0.5);
  --color-borda-suave: #E8DED9;
  --color-borda-hairline: rgba(45, 34, 30, 0.1);
  --color-borda-dark-hairline: rgba(239, 229, 225, 0.16);

  /* Tipografia Oficial do Manual */
  --font-serif: 'Playfair Display', 'Libre Baskerville', Georgia, serif;
  --font-sans: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Espaçamentos Estruturados */
  --space-xxs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3.5rem;
  --space-2xl: 5rem;
  --space-3xl: 7.5rem;

  /* Geometria e Cantos */
  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --radius-xl: 28px;
  --radius-arch: 240px 240px 24px 24px;
  --radius-pill: 9999px;

  /* Sombras Difusas de Alta Costura (Sem sombras pesadas de software comum) */
  --shadow-sm: 0 2px 10px rgba(45, 34, 30, 0.04);
  --shadow-md: 0 10px 30px rgba(45, 34, 30, 0.06);
  --shadow-lg: 0 20px 50px rgba(45, 34, 30, 0.09);
  --shadow-float: 0 15px 35px rgba(37, 211, 102, 0.35);

  /* Transições Fluidas */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);

  /* Limites de Grade */
  --container-max: 1220px;
  --container-narrow: 860px;
}