/* HBHF Tasks Branding */

/* Hide standard Vikunja elements */
.auth-wrapper .auth-box .auth-header .logo {
    display: none !important;
}

.auth-wrapper .auth-box .footer {
    display: none !important;
}

/* Custom Logo */
.auth-wrapper .auth-box .auth-header::before {
    content: '';
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
    background-image: url('/custom-assets/logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Page Title replacement in UI */
.auth-wrapper .auth-box .auth-header h1 {
    font-size: 0 !important;
}

.auth-wrapper .auth-box .auth-header h1::after {
    content: 'HBHF TASKS';
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: var(--color-primary);
}

/* Colors and Styling to match HBHF */
:root {
    --color-primary: #00ff9d; /* HBHF Green */
    --color-primary-dark: #00cc7a;
    --color-background-dark: #0a0a0a;
    --color-background-light: #1a1a1a;
}

body {
    background-color: var(--color-background-dark) !important;
}

.auth-wrapper .auth-box {
    background-color: var(--color-background-light) !important;
    border: 1px solid #333 !important;
    box-shadow: 0 0 20px rgba(0, 255, 157, 0.1) !important;
}

.button.is-primary {
    background-color: var(--color-primary) !important;
    color: #000 !important;
    font-weight: bold !important;
    border: none !important;
}

.button.is-primary:hover {
    background-color: var(--color-primary-dark) !important;
    box-shadow: 0 0 10px rgba(0, 255, 157, 0.4) !important;
}

/* Input fields */
input.input {
    background-color: #000 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
}

input.input:focus {
    border-color: var(--color-primary) !important;
}