/* ============================================
   DESIGN TOKENS — devenir-media-buyer.fr
   Palette B: "Performance Edge" (Deep Teal + Amber Gold)
   Typography: Space Grotesk + DM Sans
   ============================================ */

:root {

    /* ---- PRIMARY: Deep Teal ---- */
    --color-primary-50:  #F0FDFA;
    --color-primary-100: #CCFBF1;
    --color-primary-200: #99F6E4;
    --color-primary-300: #5EEAD4;
    --color-primary-400: #2DD4BF;
    --color-primary-500: #14B8A6;
    --color-primary-600: #0D9488;
    --color-primary-700: #0F766E;
    --color-primary-800: #115E59;
    --color-primary-900: #134E4A;

    /* ---- ACCENT: Amber Gold ---- */
    --color-accent-50:  #FFFBEB;
    --color-accent-100: #FEF3C7;
    --color-accent-200: #FDE68A;
    --color-accent-300: #FCD34D;
    --color-accent-400: #FBBF24;
    --color-accent-500: #F59E0B;
    --color-accent-600: #D97706;
    --color-accent-700: #B45309;
    --color-accent-800: #92400E;
    --color-accent-900: #78350F;

    /* ---- NEUTRALS: Slate ---- */
    --color-neutral-50:  #F8FAFC;
    --color-neutral-100: #F1F5F9;
    --color-neutral-200: #E2E8F0;
    --color-neutral-300: #CBD5E1;
    --color-neutral-400: #94A3B8;
    --color-neutral-500: #64748B;
    --color-neutral-600: #475569;
    --color-neutral-700: #334155;
    --color-neutral-800: #1E293B;
    --color-neutral-900: #0F172A;
    --color-dark:        #0A1628;

    /* ---- SEMANTIC ---- */
    --color-success: #10B981;
    --color-info:    #3B82F6;
    --color-warning: #F59E0B;
    --color-error:   #EF4444;

    /* ---- CATEGORY COLORS ---- */
    --cat-plateformes:  #14B8A6;
    --cat-tracking:     #06B6D4;
    --cat-analytics:    #3B82F6;
    --cat-creative:     #EC4899;
    --cat-landing:      #8B5CF6;
    --cat-spy:          #F59E0B;
    --cat-automation:   #F97316;
    --cat-gestion:      #10B981;
    --cat-ia:           #6366F1;
    --cat-facturation:  #84CC16;

    /* ---- TYPOGRAPHY ---- */
    --font-heading: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Font Sizes */
    --text-xs:   0.75rem;
    --text-sm:   0.875rem;
    --text-base: 1rem;
    --text-lg:   1.125rem;
    --text-xl:   1.25rem;
    --text-2xl:  1.5rem;
    --text-3xl:  1.875rem;
    --text-4xl:  2.25rem;
    --text-5xl:  3rem;
    --text-6xl:  3.75rem;

    /* Font Weights */
    --fw-light:     300;
    --fw-regular:   400;
    --fw-medium:    500;
    --fw-semibold:  600;
    --fw-bold:      700;
    --fw-extrabold: 800;

    /* ---- SPACING (4px base) ---- */
    --space-1:  0.25rem;
    --space-2:  0.5rem;
    --space-3:  0.75rem;
    --space-4:  1rem;
    --space-5:  1.25rem;
    --space-6:  1.5rem;
    --space-8:  2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;

    /* ---- LAYOUT ---- */
    --container-max:    1200px;
    --container-narrow: 800px;

    /* ---- BORDER RADIUS ---- */
    --radius-sm:   0.375rem;
    --radius-md:   0.5rem;
    --radius-lg:   0.75rem;
    --radius-xl:   1rem;
    --radius-2xl:  1.5rem;
    --radius-full: 9999px;

    /* ---- SHADOWS ---- */
    --shadow-sm:  0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    --shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
    --shadow-xl:  0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
    --shadow-glow: 0 0 20px rgba(20, 184, 166, 0.15);

    /* ---- TRANSITIONS ---- */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 350ms ease;
}