/* ==========================================================================
   NAIEL PERFUMERÍA - DESIGN SYSTEM TOKENS & VARIABLES
   Palette: Deep Midnight Marine Blue (#05101C / #071728), 
            Radiant Luxury Bottle Gold (#CFA358 / #ECD28C), 
            Satin Warm Ivory (#F9F6F0)
   Typography: Slender, Elegant, Non-Bulky Sans-Serif (Medium Headings, Light/Thin Body)
   ========================================================================== */

:root {
  /* Deep Midnight Marine Blue Palette (Azul Marino Oscuro y Profundo) */
  --color-night-blue-950: #02070D;
  --color-night-blue-900: #05101C;
  --color-night-blue: #071728;
  --color-night-blue-800: #0C2138;
  --color-night-blue-700: #132E4C;
  --color-night-blue-600: #1B3F66;
  --color-night-blue-100: #E2EBF5;
  --color-night-blue-50: #EEF4FA;

  /* Satin Warm Ivory (Marfil Cálido y Elegante) */
  --color-ivory: #F9F6F0;
  --color-ivory-light: #FDFBF8;
  --color-ivory-dark: #ECE4D6;
  --color-ivory-muted: #E2D6C2;

  /* Radiant Luxury Bottle Gold (Oro y Ámbar de Botella de Lujo) */
  --color-copper: #CFA358;
  --color-copper-light: #ECD28C;
  --color-copper-dark: #9E742A;
  --color-gold-gradient: linear-gradient(135deg, #F3DE9A 0%, #D4A853 45%, #9E742A 100%);
  --color-gold-gradient-hover: linear-gradient(135deg, #FFF0B8 0%, #E2BA65 45%, #B08332 100%);
  --color-copper-glow: rgba(207, 163, 88, 0.32);
  --color-copper-soft: rgba(207, 163, 88, 0.12);

  /* Neutrals & Surfaces */
  --color-white: #FFFFFF;
  --color-dark-charcoal: #0F1722;
  --color-text-main: #141E2B;
  --color-text-secondary: #526375;
  --color-text-muted: #8596A8;
  --color-border-subtle: #E6DCcb;
  --color-border-night: rgba(207, 163, 88, 0.22);
  --color-border-card: rgba(7, 23, 40, 0.08);

  /* Status & Channels */
  --color-success: #1E874B;
  --color-success-bg: #E8F7EE;
  --color-warning: #D98218;
  --color-warning-bg: #FEF7EC;
  --color-yape: #742284;
  --color-plin: #00D3C5;
  --color-whatsapp: #25D366;
  --color-whatsapp-dark: #128C7E;

  /* Slender, Refined, Architectural Sans-Serif Typography */
  --font-serif: 'Urbanist', 'Jost', -apple-system, sans-serif;
  --font-serif-body: 'Jost', 'Urbanist', sans-serif;
  --font-sans: 'Plus Jakarta Sans', 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Urbanist', 'Jost', var(--font-sans);

  /* Spacing Scale */
  --space-2xs: 0.25rem;  /* 4px */
  --space-xs: 0.5rem;    /* 8px */
  --space-sm: 0.75rem;   /* 12px */
  --space-md: 1rem;      /* 16px */
  --space-lg: 1.5rem;    /* 24px */
  --space-xl: 2rem;      /* 32px */
  --space-2xl: 3rem;     /* 48px */
  --space-3xl: 4.5rem;   /* 72px */
  --space-4xl: 6rem;     /* 96px */

  /* Modern Softer Rounded Radii */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  /* Luminous Shadows */
  --shadow-subtle: 0 2px 10px rgba(5, 16, 28, 0.04);
  --shadow-sm: 0 4px 18px rgba(5, 16, 28, 0.07);
  --shadow-md: 0 10px 30px rgba(5, 16, 28, 0.10);
  --shadow-lg: 0 20px 50px rgba(5, 16, 28, 0.16);
  --shadow-copper: 0 8px 28px rgba(207, 163, 88, 0.38);
  --shadow-night: 0 16px 48px rgba(2, 7, 13, 0.55);

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 400ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-bounce: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Layout */
  --container-max-width: 1280px;
  --header-height: 86px;
  --topbar-height: 38px;
}