:root {
    /* --- Fuentes --- */
    --font-primary: "Mona Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

    /* --- Colores Principales --- */
    --bg-primary: #18181B;
    --bg-secondary: #27272A;
    --bg-secondary-hover: #343a40;
    --border-color: #3F3F46;

    --color-accent: #3B82F6;
    --text-light: #FAFAFA;
    --text-gray: #A1A1AA;

    /* --- Variables de Estado --- */
    --color-error: #EF4444;
    --color-success: #10B981;
    --color-warning: #FBBF24;


    /* --- Sobreescritura de Variables de Bootstrap 5 --- */
    --bs-body-bg: var(--bg-primary);
    --bs-body-color: var(--text-light);
    --bs-border-color: var(--border-color);
    --bs-secondary-bg: var(--bg-secondary);

    --bs-primary: var(--color-accent);
    --bs-success: var(--color-success);
    --bs-danger: var(--color-error);
    --bs-warning: var(--color-warning);

    --bs-form-control-bg: var(--bg-secondary);
    --bs-form-select-bg: var(--bg-secondary);
    --bs-input-color: var(--text-light);
    --bs-input-placeholder-color: var(--text-gray);

    --bs-link-color: var(--color-accent);
    --bs-link-hover-color: #60A5FA;
}