:root {
    --color-brand-900: #0a1a33;
    --color-brand-700: #12305c;
    --color-brand-600: #1b3f77;
    --color-brand-500: #2c5aa0;
    --color-brand-100: #e3e9f4;
    --color-brand-50: #f2f5fa;

    --color-text: #10131a;
    --color-text-muted: #5c6470;
    --color-bg: #f7f8fa;
    --color-white: #ffffff;
    --color-border: #e2e5eb;

    --color-success: #1f9d55;
    --color-success-bg: #e4f8ec;
    --color-warning: #b8860b;
    --color-warning-bg: #fdf3d8;
    --color-danger: #d33f49;
    --color-danger-bg: #fceaec;
    --color-info: #1b3f77;
    --color-info-bg: #e3e9f4;
    --color-conversando: #9a6b00;
    --color-conversando-bg: #fdf0d8;
    --color-esperando: #0f766e;
    --color-esperando-bg: #dff3f1;

    /* Acentos de la bandera de Venezuela, usados con moderación (franjas, detalles) */
    --color-flag-yellow: #fcd116;
    --color-flag-blue: #00247d;
    --color-flag-red: #cf142b;

    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 22px;

    --shadow-card: 0 4px 16px rgba(10, 26, 51, 0.08);
    --shadow-card-hover: 0 8px 24px rgba(10, 26, 51, 0.14);

    --gradient-brand: linear-gradient(160deg, var(--color-brand-900) 0%, var(--color-brand-600) 100%);

    --font-family: 'Segoe UI', system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-8: 48px;
}