/**
 * NEXT FOOD AFRICA — DESIGN SYSTEM TOKENS
 * Architecture CSS inspirée de Stripe, Linear et Vercel.
 * Ce fichier centralise l'identité visuelle globale de l'application.
 */

:root {
    /* --- COLOR PALETTE (PREMIUM CHROMATIC TIER) --- */
    --brand-black-pure: #050505;
    --brand-dark-deep: #0b0f17;
    --brand-gray-dark: #161c26;
    --brand-gray-muted: #8892b0;
    --brand-light-muted: #ccd6f6;
    --brand-white-pure: #ffffff;

    /* Accents & Gradients (Inspirations Food Premium / Modern Saas) */
    --brand-green-primary: #10b981;      /* Vert Émeraude / Croissance & Rentabilité */
    --brand-green-hover: #059669;
    --brand-orange-primary: #f97316;     /* Orange Épicé / Énergie Foodpreneur & Innovation */
    --brand-orange-hover: #ea580c;
    
    /* Alpha Colors & Overlays */
    --bg-glass-surface: rgba(22, 28, 38, 0.7);
    --bg-glass-border: rgba(255, 255, 255, 0.08);
    --bg-soft-green: rgba(16, 185, 129, 0.1);
    --bg-soft-orange: rgba(249, 115, 22, 0.1);

    /* --- TYPOGRAPHY & HIERARCHY --- */
    --font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    
    /* Font Weights */
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;

    /* Tracking & Leading (Lettres et interlignes façon Apple/Linear) */
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.02.5em;
    --tracking-normal: 0em;
    --tracking-wide: 0.05em;
    --tracking-widest: 0.15em;

    /* --- SHADOWS & ELEVATION (3D DEPTH) --- */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.7);
    --shadow-premium-glow: 0 0 50px rgba(16, 185, 129, 0.15);
    --shadow-orange-glow: 0 0 50px rgba(249, 115, 22, 0.15);
    --shadow-inner-border: inset 0 1px 0 rgba(255, 255, 255, 0.1);

    /* --- BORDERS & RADII --- */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-pill: 9999px;
    
    --border-width-premium: 1px;
    --border-color-soft: rgba(255, 255, 255, 0.05);

    /* --- INTERACTION & TRANSITIONS --- */
    --transition-fast: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-slow: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);

    /* --- Z-INDEX LAYERS --- */
    --z-index-back: -10;
    --z-index-base: 1;
    --z-index-above: 10;
    --z-index-nav: 1030;
    --z-index-fixed: 1040;
    --z-index-loader: 9999;

    /* --- GRID & LAYOUT PADDING --- */
    --section-padding-desktop: 8rem;
    --section-padding-mobile: 4rem;
}

/* Normalisation globale de la boîte */
*, *::before, *::after {
    box-sizing: border-box;
}