:root {
    --admin-general-font: 'system-ui';
    --admin-font-color: rgb(187, 187, 187);
    --admin-danger: #f43939;

    --admin-border-radius: 0.3rem;              /* Para inputs */
    --admin-container-border-radius: 0.5rem;    /* Para contenedores */

    --admin-accent-color-og: #fbbf24;
    --admin-accent-color: #54BF81;
    --admin-accent-color-dark: rgb(57, 130, 88);
    --admin-bg: rgb(25, 25, 25);
    --admin-container-bg: #80808024;
    --admin-bg-color: rgb(25, 25, 25);
    --admin-bg-color-light: #212121;
    --admin-bg-color-hover: rgb(49, 49, 49);

    --admin-nav-border-color: rgb(90, 90, 90);
    --admin-nav-border-light: 1px solid var(--admin-nav-border-color);
    --admin-nav-border-medium: 2px solid var(--admin-nav-border-color);

    --admin-form-border-color: rgba(142, 142, 142, 0.5);
    --admin-form-radius: 0.4rem;

    --admin-focus-shadow: 0 0 0 30px var(--admin-bg-color-light) inset,
        0 0 2px 2px var(--admin-accent-color);

    --admin-border-light: 1px solid gray;
}

:root {
    --cyan-light: #00f3ff;
    --green-light: #58D68D;
    --green-dark: #36ae68;
    --purple-light: #da46ff;
    --yellow-bright: yellow;
    --red-light: #f27474;
    --red-dark: #ca4f4f;

    --admin-button-bg: rgba(70, 70, 70, 0.4);
    --admin-button-bg-hover: rgba(70, 70, 70, 1);
    --admin-button-bg-hover-light: rgba(70, 70, 70, 0.5);

    --admin-button-green: #118841;
    --admin-button-green-hover: #0a5f2c;

    --admin-button-blue: #2271b1;
    --admin-button-blue-hover: #15446b;

    --admin-button-red: #ab3f3f;
    --admin-button-red-hover: #5e2222;

    --admin-button-yellow: #d7b42a;
    --admin-button-yellow-hover: #b38f00;
}