/* ==========================================================================
   CoreForm Design System — Design Tokens
   corsi.coreform.it | Slate + Emerald
   ========================================================================== */

:root {
    /* ── Override legacy tokens ── */
    --primary: #10B981 !important;
    --primary-dark: #059669 !important;
    --primary-light: #D1FAE5 !important;
    --secondary: #1E293B !important;
    --secondary-dark: #334155 !important;
    --secondary-light: #475569 !important;
    --gradient-primary: none !important;
    --gradient-secondary: none !important;
    --gradient-hero: none !important;

    /* ── Primary: Emerald ── */
    --cf-primary: #10B981;
    --cf-primary-dark: #059669;
    --cf-primary-light: #D1FAE5;
    --cf-primary-50: #ECFDF5;
    --cf-primary-rgb: 16, 185, 129;

    /* ── Secondary: Slate ── */
    --cf-secondary: #1E293B;
    --cf-secondary-light: #334155;
    --cf-secondary-rgb: 30, 41, 59;

    /* ── Accent: Amber ── */
    --cf-accent: #F59E0B;
    --cf-accent-light: #FEF3C7;
    --cf-accent-dark: #D97706;
    --cf-accent-rgb: 245, 158, 11;

    /* ── Text ── */
    --cf-text: #1E293B;
    --cf-text-muted: #64748B;
    --cf-text-light: #94A3B8;

    /* ── Backgrounds ── */
    --cf-bg: #FFFFFF;
    --cf-bg-subtle: #F8FAFC;
    --cf-bg-muted: #F1F5F9;

    /* ── Borders ── */
    --cf-border: #E2E8F0;
    --cf-border-light: #F1F5F9;

    /* ── Semantic ── */
    --cf-success: #10B981;
    --cf-warning: #F59E0B;
    --cf-danger: #EF4444;
    --cf-info: #3B82F6;

    /* ── Typography ── */
    --cf-font-sans: 'Inter', system-ui, -apple-system, sans-serif;
    --cf-text-xs: 0.75rem;
    --cf-text-sm: 0.875rem;
    --cf-text-base: 1rem;
    --cf-text-lg: 1.125rem;
    --cf-text-xl: 1.25rem;
    --cf-text-2xl: 1.5rem;
    --cf-text-3xl: 1.875rem;
    --cf-text-4xl: 2.25rem;
    --cf-text-5xl: 3rem;
    --cf-leading-tight: 1.25;
    --cf-leading-normal: 1.5;
    --cf-leading-relaxed: 1.625;
    --cf-weight-normal: 400;
    --cf-weight-medium: 500;
    --cf-weight-semibold: 600;
    --cf-weight-bold: 700;

    /* ── Spacing ── */
    --cf-space-1: 0.25rem;
    --cf-space-2: 0.5rem;
    --cf-space-3: 0.75rem;
    --cf-space-4: 1rem;
    --cf-space-5: 1.25rem;
    --cf-space-6: 1.5rem;
    --cf-space-8: 2rem;
    --cf-space-10: 2.5rem;
    --cf-space-12: 3rem;
    --cf-space-16: 4rem;
    --cf-space-20: 5rem;
    --cf-space-24: 6rem;
    --cf-section-py: 5rem;
    --cf-section-py-mobile: 3rem;

    /* ── Border Radius ── */
    --cf-radius-sm: 6px;
    --cf-radius-md: 10px;
    --cf-radius-lg: 16px;
    --cf-radius-xl: 24px;
    --cf-radius-full: 9999px;

    /* ── Shadows ── */
    --cf-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
    --cf-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
    --cf-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.04);
    --cf-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.08), 0 4px 6px rgba(0, 0, 0, 0.04);
    --cf-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.08), 0 8px 10px rgba(0, 0, 0, 0.04);

    /* ── Transitions ── */
    --cf-transition: 150ms ease;
    --cf-transition-slow: 300ms ease;

    /* ── Navbar ── */
    --cf-navbar-height: 72px;
}