/**
 * EagnaTech Keycloak Theme - Override Variables
 * Overrides keycloak.v2 theme defaults for EagnaTech branding
 */

:root {
    /* Override Keycloak logo and background */
    --keycloak-logo-url: url('../img/eagna-logo.png');
    --keycloak-bg-logo-url: none;
    --keycloak-logo-height: 48px;
    --keycloak-logo-width: 200px;

    /* Green accent for card top border */
    --keycloak-card-top-color: #2EB573;

    /* EagnaTech brand colors */
    --eagna-green: #2EB573;
    --eagna-green-dark: #259660;
    --eagna-green-light: #34c983;
    --eagna-cream: #F5F5F0;
    --eagna-white: #ffffff;
    --eagna-dark: #1F2D2B;

    /* Override PatternFly primary colors */
    --pf-v5-global--primary-color--100: #2EB573;
    --pf-v5-global--primary-color--200: #259660;
    --pf-v5-global--link--Color: #2EB573;
    --pf-v5-global--link--Color--hover: #259660;
}

/* Light background instead of dark pattern */
.login-pf body,
body.pf-v5-c-page {
    background: linear-gradient(135deg, #F5F5F0 0%, #e8e8e4 100%) !important;
    background-size: cover;
    min-height: 100vh;
}

/* Ensure the page background is light */
.pf-v5-c-login {
    background: transparent;
}

/* Login container styling */
.pf-v5-c-login__container {
    background: transparent;
}

/* Card top border - green */
.pf-v5-c-login__main-header {
    border-top: 4px solid var(--eagna-green) !important;
}

/* Logo styling */
div.kc-logo-text {
    background-image: var(--keycloak-logo-url);
    height: var(--keycloak-logo-height);
    width: var(--keycloak-logo-width);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 auto 1rem auto;
}

/* Primary button - Green */
.pf-v5-c-button.pf-m-primary {
    --pf-v5-c-button--m-primary--BackgroundColor: #2EB573 !important;
    --pf-v5-c-button--m-primary--hover--BackgroundColor: #259660 !important;
    --pf-v5-c-button--m-primary--focus--BackgroundColor: #259660 !important;
    --pf-v5-c-button--m-primary--active--BackgroundColor: #1f7a4d !important;
    background-color: #2EB573 !important;
    border-radius: 9999px !important;
}

.pf-v5-c-button.pf-m-primary:hover {
    background-color: #259660 !important;
}

.pf-v5-c-button.pf-m-primary:focus {
    background-color: #259660 !important;
    box-shadow: 0 0 0 3px rgba(46, 181, 115, 0.3) !important;
}

/* Link button */
.pf-v5-c-button.pf-m-link {
    --pf-v5-c-button--m-link--Color: #2EB573 !important;
    --pf-v5-c-button--m-link--hover--Color: #259660 !important;
    color: #2EB573 !important;
}

.pf-v5-c-button.pf-m-link:hover {
    color: #259660 !important;
}

/* Links */
a {
    color: #2EB573;
}

a:hover {
    color: #259660;
}

/* Form input focus */
.pf-v5-c-form-control:focus-within::before {
    border-bottom-color: #2EB573 !important;
}

.pf-v5-c-form-control:focus {
    --pf-v5-c-form-control--focus--BorderBottomColor: #2EB573;
}

/* Checkbox accent */
input[type="checkbox"]:checked {
    accent-color: #2EB573;
}

/* Alert info with green */
.pf-v5-c-alert.pf-m-info {
    --pf-v5-c-alert--m-info--BackgroundColor: #ecfdf5;
    --pf-v5-c-alert--m-info--icon--Color: #2EB573;
}

/* Remove dark mode specific styles */
.pf-v5-theme-dark {
    --pf-v5-global--BackgroundColor--100: #F5F5F0;
    --pf-v5-global--BackgroundColor--200: #e8e8e4;
}

/* Title styling */
.pf-v5-c-login__main-header .pf-v5-c-title {
    color: var(--eagna-dark);
}

/* Secondary button styling */
.pf-v5-c-button.pf-m-secondary {
    border-radius: 9999px;
}

.pf-v5-c-button.pf-m-secondary:hover {
    border-color: #2EB573;
    color: #2EB573;
}

/* Footer link color */
.pf-v5-c-login__main-footer a,
.pf-v5-c-login__main-footer-band a {
    color: #2EB573;
}

.pf-v5-c-login__main-footer a:hover,
.pf-v5-c-login__main-footer-band a:hover {
    color: #259660;
}