:root {
    /* Primary Colors */
    --color-verde: #139B6A;
    --color-amarillo: #FFC639;
    --color-gris: #605060;
    --color-gris-medio: #9886fc;
    --colot-orange: #FF9F08;

    /* Secondary Colors */
    --color-hover: #DF7801;
    --color-hover-2: #02575B;

    /* Dark Colors */
    --color-azul: #001A42;
    --color-gris-bg: #1C1C1C;
    --color-gris-bg-2: #26028;
    --color-blanco: #FFFFFF;

    /* Grey Scale */
    --grey-a: #333333;
    --grey-b: #666666;
    --grey-c: #999999;
    --grey-d: #CCCCCC;
    --grey-e: #EEEEEE;

    /* Typography */
    --font-primary: 'Montserrat', sans-serif;
    --font-secondary: 'Roboto', sans-serif;

    /* Bootstrap Color Overrides */
    --bs-primary: #139B6A;
    --bs-warning: #FFC639;
    --bs-dark: #001A42;
    --bs-secondary: #605060;

    --primary: #139B6A;
    --secondary: #FFC639;
    --dark: #1e293b;
    --light-gray: #f8fafc;
    --border-color: #e2e8f0;
    --text-muted: #64748b;
    --success: #10b981;
    --danger: #ef4444;
    --warning: #f59e0b;
    --info: #3b82f6;
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
}

.login {
    background-image: url(../../img/mintrace/global/bg-login.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.toggle-password {
    color: var(--colot-orange);
    font-size: 18px;
}

.toggle-password.active::before {
    content: "\f06e";
}


.login button {
    background-color: var(--colot-orange);
    font-weight: 600;
}

.login button:hover {
    color: white;
    background-color: var(--bs-primary);
}

.login .card h3 {
    color: var(--color-verde);
    font-weight: 600;
    font-size: 18px;
}

.card {
    border: 0;
    border-radius: 25px !important;
}