/**
 * Design Tokens — Expert Achiziții 2026
 * Brand: #F58E27 (portocaliu) + #363045 (albastru închis)
 *
 * NOTĂ DE ACCESIBILITATE (contrast WCAG 2.1):
 *   #F58E27 pe alb .............. 2.40:1  → NU se folosește ca text pe fundal deschis
 *   #363045 pe #F58E27 .......... 5.32:1  → OK (text închis pe portocaliu)
 *   #9A4E00 pe alb .............. 6.07:1  → OK (--primary-ink, pentru text/linkuri)
 *   #FFFFFF pe #363045 .......... 12.83:1 → OK
 *   #FFFFFF pe #F58E27 .......... 2.40:1  → INTERZIS (butoanele folosesc text #363045)
 */

:root {
    /* === PRIMARY (portocaliu de brand) === */
    --primary: #F58E27;
    --primary-dark: #D97A1A;
    --primary-light: #FFA94D;
    --primary-subtle: #FEF3E9;
    --primary-ink: #9A4E00;   /* text/linkuri pe fundal deschis */

    /* === SECONDARY (albastru închis) === */
    --secondary: #363045;
    --secondary-dark: #2A2536;
    --secondary-light: #4A4259;
    --secondary-subtle: #F0EEF3;

    /* === NEUTRALS === */
    --bg: #F8F9FA;
    --bg-card: #FFFFFF;
    --bg-elevated: #FFFFFF;
    --border: #E5E7EB;
    --border-light: #F3F4F6;
    --text: #1F2937;
    --text-secondary: #6B7280;
    --text-muted: #9CA3AF;
    --text-inverse: #FFFFFF;

    /* === SEMANTIC === */
    --success: #10B981;
    --success-bg: #ECFDF5;
    --warning: #F59E0B;
    --warning-bg: #FFFBEB;
    --danger: #EF4444;
    --danger-bg: #FEF2F2;
    --info: #3B82F6;
    --info-bg: #EFF6FF;

    /* === TYPOGRAPHY === */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

    --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;

    /* === SPACING === */
    --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;

    /* === RADII === */
    --radius-sm: 0.25rem;
    --radius: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-full: 9999px;

    /* === SHADOWS === */
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

    /* === TRANSITIONS === */
    --transition-fast: 150ms ease;
    --transition: 200ms ease;
    --transition-slow: 300ms ease;
}