/* =========================================================================
   DESIGN TOKENS - PORTFOLIO RÉJUSTE WENOUMI
   Centralized Design System Core Variables
   ========================================================================= */

:root {
    /* ----- Color Palette ----- */
    --rw-primary: #080930;         /* Deep Obsidian Blue */
    --rw-primary-mid: #0f1260;     /* Medium Deep Blue */
    --rw-primary-light: #1e3a8a;   /* Slate/Bright Blue */
    --rw-gold: #f7d138;            /* Signature Bright Gold */
    --rw-gold-dark: #d4af37;       /* Dark Solid Gold */
    --rw-gold-light: #ffd700;      /* Light Amber Gold */
    --rw-dark: #020617;            /* Off-Black obsidian */
    --rw-light: #ffffff;           /* Clean White */
    --rw-bg-subtle: #f8fafc;       /* Slate White */
    --rw-text: #1e293b;            /* Obsidian charcoal text */
    --rw-text-muted: #64748b;      /* Slate Gray muted text */
    --rw-border: rgba(8, 9, 48, 0.12); /* Subtle Obsidian border */

    /* ----- Gradients ----- */
    --rw-gradient-primary: linear-gradient(135deg, #080930 0%, #1e3a8a 100%);
    --rw-gradient-gold: linear-gradient(135deg, #f7d138 0%, #d4af37 100%);
    --rw-gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 100%);

    /* ----- Typography ----- */
    --rw-font-heading: 'Outfit', sans-serif;
    --rw-font-body: 'Outfit', sans-serif;
    --rw-font-accent: 'Playfair Display', serif;

    /* ----- Spacing & Sizing ----- */
    --rw-spacing-xs: 0.5rem;
    --rw-spacing-sm: 1rem;
    --rw-spacing-md: 1.5rem;
    --rw-spacing-lg: 2.5rem;
    --rw-spacing-xl: 4rem;

    /* ----- Borders & Radii ----- */
    --rw-radius-sm: 8px;
    --rw-radius-md: 16px;
    --rw-radius-lg: 24px;
    --rw-radius-xl: 48px;
    --rw-radius-full: 9999px;

    /* ----- Shadows ----- */
    --rw-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    --rw-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.08);
    --rw-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    --rw-shadow-premium: 0 25px 50px -12px rgba(8, 9, 48, 0.15);

    /* ----- Motion ----- */
    --rw-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --rw-transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}