/* =========================================
   PLATFORMA TOKENS (Farver, spacing, type)
   ========================================= */
:root {
    /* Professional Color System */
    --platforma-primary: #009EF7;
    --platforma-primary-light: #F1FAFF;
    --platforma-primary-dark: #08589C;
    --platforma-success: #50CD89;
    --platforma-success-light: #E8FFF3;
    --platforma-warning: #FFC700;
    --platforma-warning-light: #FFF8DD;
    --platforma-danger: #F1416C;
    --platforma-danger-light: #FFF5F8;
    --platforma-info: #7239EA;
    --platforma-info-light: #F8F5FF;
    /* Enterprise Grayscale */
    --platforma-white: #FFFFFF;
    --platforma-gray-50: #F5F8FA;
    --platforma-gray-100: #EFF2F5;
    --platforma-gray-200: #E4E6EF;
    --platforma-gray-300: #B5B5C3;
    --platforma-gray-400: #A1A5B7;
    --platforma-gray-500: #7E8299;
    --platforma-gray-600: #5E6278;
    --platforma-gray-700: #3F4254;
    --platforma-gray-800: #2B2B40;
    --platforma-gray-900: #181C32;
    /* Shadows */
    --platforma-shadow-sm: 0 1px 3px rgba(0,0,0,0.05);
    --platforma-shadow: 0 4px 18px rgba(0,0,0,0.07);
    --platforma-shadow-lg: 0 8px 25px rgba(0,0,0,0.1);
    --platforma-shadow-xl: 0 15px 40px rgba(0,0,0,0.15);
    /* Spacing (4px scale) */
    --platforma-space-1: 0.25rem; /* 4px  */
    --platforma-space-2: 0.5rem; /* 8px  */
    --platforma-space-3: 0.75rem; /* 12px */
    --platforma-space-4: 1rem; /* 16px */
    --platforma-space-5: 1.25rem; /* 20px */
    --platforma-space-6: 1.5rem; /* 24px */
    --platforma-space-8: 2rem; /* 32px */
    --platforma-space-10: 2.5rem; /* 40px */
    /* Typography */
    --platforma-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --platforma-text-xs: 0.75rem;
    --platforma-text-sm: 0.875rem;
    --platforma-text-base: 1rem;
    --platforma-text-lg: 1.125rem;
    --platforma-text-xl: 1.25rem;
    --platforma-text-2xl: 1.5rem;
}