/**
 * Centralized theme - variables from config/theme.php
 * Primary: #284796, Secondary: #F3E15E
 * Font: Barlow
 */

:root {
    --theme-primary: #284796;
    --theme-primary-dark: #1e3570;
    --theme-secondary: #F3E15E;
    --theme-secondary-dark: #e5d44a;
    --theme-font: 'Barlow', sans-serif;
}

body {
    font-family: var(--theme-font);
}

.btn-primary {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}
.btn-primary:hover {
    background-color: var(--theme-primary-dark);
    border-color: var(--theme-primary-dark);
}

.bg-primary {
    background-color: var(--theme-primary) !important;
}

.text-primary {
    color: var(--theme-primary) !important;
}

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

/* Secondary accent */
.btn-outline-secondary,
.badge.bg-secondary {
    background-color: var(--theme-secondary) !important;
    color: #333;
    border-color: var(--theme-secondary);
}

/* Password toggle */
.password-toggle {
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
}