/* ICE brand theme overrides — layered on top of the generated app.css.
   Matches ice-assist.co.za: white backgrounds, green accent, simple, no shadows/flash. */

:root {
    --ice-green: #226A4C;
    --ice-green-dark: #1b5640;
    --ice-text: #171D19;
    --ice-muted: #55625B;
    --ice-border: #E5E5E5;
}

body {
    background-color: #ffffff !important;
    color: var(--ice-text);
}

.ice-logo {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 2px;
    color: var(--ice-green);
    text-decoration: none;
    display: inline-block;
}

/* Buttons */
.btn-primary,
.btn-blue {
    background-color: var(--ice-green) !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-blue:hover,
.btn-blue:focus {
    background-color: var(--ice-green-dark) !important;
    --tw-ring-color: var(--ice-green) !important;
}
.btn-primary:active,
.btn-blue:active {
    background-color: var(--ice-green-dark) !important;
}

/* Inputs — unify the two divergent input styles (input-field / input-field-dark)
   onto one simple light style so every form looks the same. */
.input-field,
.input-field-dark {
    background-color: #ffffff !important;
    border: 1px solid var(--ice-border) !important;
    color: var(--ice-text) !important;
}
.input-field:focus,
.input-field-dark:focus {
    border-color: var(--ice-green) !important;
    --tw-ring-color: var(--ice-green) !important;
}

/* Links, checkboxes and focus rings that were hardcoded to Jetstream's default indigo */
.text-indigo-600,
a:hover.hover\:text-gray-900 {
    color: var(--ice-green) !important;
}
input[type="checkbox"].text-indigo-600 {
    accent-color: var(--ice-green);
}
.focus\:ring-indigo-500:focus,
.input-field:focus {
    --tw-ring-color: var(--ice-green) !important;
}

.text-green-600 {
    color: var(--ice-green) !important;
}