/* ==========================================================================
   TIPS Ladder Builder - Amber/Gold Theme
   A secure, treasury-inspired color scheme for guaranteed income
   ========================================================================== */

.tool-tips-ladder {
    --tool-primary: #D97706;
    --tool-primary-light: #F59E0B;
    --tool-primary-dark: #B45309;
    --tool-primary-rgb: 217, 119, 6;
    --tool-secondary: #FDE68A;
    --tool-accent: #FCD34D;
    --tool-surface: #FFFBEB;
    --tool-text-on-primary: #ffffff;
}

/* Card Headers */
.tool-tips-ladder .card-header.tool-header {
    background-color: var(--tool-primary) !important;
    color: var(--tool-text-on-primary) !important;
    border-bottom: none;
}

.tool-tips-ladder .card-header.tool-header h5,
.tool-tips-ladder .card-header.tool-header .h5,
.tool-tips-ladder .card-header.tool-header i {
    color: var(--tool-text-on-primary) !important;
}

/* Primary Buttons */
.tool-tips-ladder .btn-tool-primary {
    background-color: var(--tool-primary);
    border-color: var(--tool-primary);
    color: var(--tool-text-on-primary);
}

.tool-tips-ladder .btn-tool-primary:hover,
.tool-tips-ladder .btn-tool-primary:focus {
    background-color: var(--tool-primary-dark);
    border-color: var(--tool-primary-dark);
    color: var(--tool-text-on-primary);
    transform: translateY(-1px);
    box-shadow: 0 4px 6px -1px rgba(var(--tool-primary-rgb), 0.3);
}

.tool-tips-ladder .btn-tool-primary:disabled {
    background-color: var(--tool-primary);
    border-color: var(--tool-primary);
    opacity: 0.65;
}

/* Outline Buttons */
.tool-tips-ladder .btn-outline-tool {
    color: var(--tool-primary);
    border-color: var(--tool-primary);
    background: transparent;
}

.tool-tips-ladder .btn-outline-tool:hover {
    background-color: var(--tool-primary);
    border-color: var(--tool-primary);
    color: var(--tool-text-on-primary);
}

/* Text Colors */
.tool-tips-ladder .text-tool-primary {
    color: var(--tool-primary) !important;
}

/* Badges */
.tool-tips-ladder .badge-tool {
    background-color: var(--tool-primary);
    color: var(--tool-text-on-primary);
}

/* Alerts/Info boxes */
.tool-tips-ladder .alert-tool {
    background-color: var(--tool-surface);
    border-left: 4px solid var(--tool-primary);
    color: var(--tool-primary-dark);
}

/* Form focus states */
.tool-tips-ladder .form-control:focus,
.tool-tips-ladder .form-select:focus {
    border-color: var(--tool-primary);
    box-shadow: 0 0 0 3px rgba(var(--tool-primary-rgb), 0.15);
}

/* Checkboxes */
.tool-tips-ladder .form-check-input:checked {
    background-color: var(--tool-primary);
    border-color: var(--tool-primary);
}