:root {
    --font-primary: "Mona Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --bg-primary: #10141c;
    --bg-secondary: #191f2c;
    --border-color: #313b5b;
    --color-accent: #17d4e8;
    --text-light: #e6f1ff;
    --text-gray: #8a96b3;

    /* Sobreescribir las variables de Bootstrap */
    --bs-body-bg: var(--bg-primary);
    --bs-body-color: var(--text-light);
    --bs-border-color: var(--border-color);
    --bs-secondary-bg: var(--bg-secondary);

    /* Estilos para componentes de formularios */
    --bs-form-control-bg: var(--bg-secondary);
    --bs-form-select-bg: var(--bg-secondary);

    /* Estilos para el reorder */
    --reorder-accent: #ffd166;
    --reorder-accent-bg: rgba(255, 209, 102, 0.18);
    --reorder-accent-ring: rgba(255, 209, 102, 0.65);
    --reorder-accent-ring-strong: rgba(255, 209, 102, 0.9);
    --reorder-shadow: 0 6px 18px rgba(255, 209, 102, 0.25);
}