/* ============================================
   CSS VARIABLES - Shared Design Tokens
   Bolivia Import Manager
   ============================================ */

:root {
    /* Brand Gradient */
    --bim-gradient: linear-gradient(90deg, #d8effd 0%, #f6f6f8 50%, #fdd4f5 100%);
    --bim-gradient-start: #d8effd;
    --bim-gradient-mid: #f6f6f8;
    --bim-gradient-end: #fdd4f5;

    /* Primary Colors */
    --bim-primary: #2563eb;
    --bim-primary-light: #dbeafe;

    /* Semantic Colors */
    --bim-success: #10b981;
    --bim-success-light: #d1fae5;
    --bim-warning: #f59e0b;
    --bim-warning-light: #fef3c7;
    --bim-danger: #ef4444;
    --bim-danger-light: #fee2e2;
    --bim-info: #6366f1;
    --bim-info-light: #e0e7ff;

    /* Neutrals */
    --bim-dark: #1e1e1e;
    --bim-secondary: #6b7280;
    --bim-light: #f3f4f6;
    --bim-border: #e5e7eb;
    --bim-border-light: #e6eff5;

    /* Text Colors */
    --bim-text-main: var(--bim-dark);
    --bim-text-secondary: var(--bim-secondary);

    /* Backgrounds */
    --bim-bg-color: #f5f7fa;
    --bim-input-bg: #f8f9fb;

    /* Shadows */
    --bim-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    --bim-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --bim-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
    --bim-shadow-card: var(--bim-shadow);
    --bim-shadow-hover: var(--bim-shadow-md);
    --bim-shadow-input: 0 0 0 2px var(--bim-primary-light);

    /* Border Radius */
    --bim-radius: 12px;
    --bim-radius-sm: 8px;
    --bim-radius-md: 12px;
    --bim-radius-lg: 20px;
}