@import url('font.css');

:root {
    --color-primary: #3333FF; /* Primary color */
    --color-text: #030335;    /* Text color */
    --color-white: #ffffff;     /* White color */
    --color-bg: #f2f5f7;     /* Background color */
    --color-gray: #e1e8ed;   /* Gray color */
    --sm-radius: 0.5rem;
}

body {
    background: var(--color-white);
}

.dashicons-visibility:before {
    font-family: "tabler-icons" !important;
    content: "\ea9a";
}
.dashicons-hidden:before {
    font-family: "tabler-icons" !important;
    content: "\ecf0";
}

.login form, .login form .input,
.login input[type=password],
.login input[type=text] {
    border-color: var(--color-gray);
    border-radius: var(--sm-radius);
}

.login .message, .login .notice, .login .success {
    border: solid 1px var(--color-gray);
    border-right: solid 4px var(--color-primary);
    border-radius: var(--sm-radius);
}

.wp-core-ui .button-primary {
    color: var(--color-white) !important;
    background: var(--color-primary);
    border-color: var(--color-primary);
    border-radius: var(--sm-radius);
}

input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 1px var(--color-primary);
    outline: 2px solid transparent;
}

.login .button.wp-hide-pw .dashicons {
    top: 2px !important;
}

.wp-core-ui .button, .wp-core-ui .button-secondary {
    color: var(--color-primary);
    border-color: var(--color-primary);
}