::selection {
	background: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l));
	color: black;
}

::-moz-selection {
	background: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l));
	color: black;
}

:root {

    /* Typography */
    --bulma-family-primary: "Geist", sans-serif;
    --font-headline: "Space Grotesk", sans-serif;
    --font-label: "JetBrains Mono", monospace;

    --bulma-subtitle-weight: 100!important;

    /* Background */
    --bulma-body-background-color: white;
    --background-top: var(--color-grey);
    --background-smoke: var(--color-beige);

    /* Color primary (Flúor: #CCFF00) */
    --color-primary-h: 72deg;
    --color-primary-s: 100%;
    --color-primary-l: 50%;

    /* Bulma primary */
    --bulma-primary-h: var(--color-primary-h);
    --bulma-primary-s: var(--color-primary-s);
    --bulma-primary-l: var(--color-primary-l);

    /* Shadows */
    --my-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.05) 0px 10px 20px -5px, rgba(0, 0, 0, 0.1) 0px 20px 50px -20px;

    /* Dropdown arrow */
    --bulma-navbar-dropdown-arrow: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l));

    /* Bulma Navbar */
    --bulma-navbar-h: var(--bulma-primary-h);
    --bulma-navbar-s: var(--bulma-primary-s);
    --bulma-navbar-l: var(--bulma-primary-l);

    /* Alertify JS */
    --alertify-border-radius: 6px;
    --alertify-error-color: white;
    --alertify-error-background: #c9184a;
    --alertify-error-border: 1px solid rgb(182, 23, 52);
    --alertify-warning-color: #343434;
    --alertify-warning-background: #e9c46a;
    --alertify-warning-border: 1px solid rgb(233, 208, 120);
    --alertify-success-color: var(--color-grey);
    --alertify-success-background: var(--color-primary);
    --alertify-success-border: 1px solid var(--color-primary);

    /* Nuevos colores */
    --color-primary: #CCFF00;
    --color-primary-dark: #7A9900;
    --color-secondary: #00F0FF;
    --color-grey: #2F3132;    

}



/* Tabs */
.tabs {
    --bulma-tabs-toggle-link-active-background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l));
    --bulma-tabs-toggle-link-active-border-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l));
}

/* Tags */
.tag.is-fullwidth {
    width: 100%;
}

.tag.is-lime {
    background: var(--color-primary);
}

/* Notifications */
.notification.is-warning {
    background: var(--color-primary);
}

/* AlertifyJS */
.alertify-notifier a {
    color: white;
}

.alertify-notifier {
    text-align: center !important;
}

.alertify-notifier .ajs-message.ajs-error {
    color: var(--alertify-error-color) !important;
    background-color: var(--alertify-error-background) !important;
    border: var(--alertify-error-border) !important;
}

.alertify-notifier .ajs-message.ajs-warning {
    color: var(--alertify-warning-color) !important;
    background-color: var(--alertify-warning-background) !important;
    border: var(--alertify-warning-border) !important;
}

.alertify-notifier .ajs-message.ajs-success {
    color: var(--alertify-success-color) !important;
    background-color: var(--alertify-success-background) !important;
    border: var(--alertify-success-border) !important;
}

.alertify-notifier .ajs-message.ajs-error,
.alertify-notifier .ajs-message.ajs-warning,
.alertify-notifier .ajs-message.ajs-success {
    border-radius: var(--alertify-border-radius) !important;
}

/* Centrado vertical para tablas */
.content .table.is-vcentered td,
.content .table.is-vcentered th {
    vertical-align: middle !important;
}

/* Corrección de breadcrumbs */
.content li+li {
    margin-top: 0;
}

/* Fondo de elemento activo en menú principal */
#main-menu .button.is-active {
    background-color: var(--color-primary);
    color: white;
}