﻿/* ============================================================
   SAPP TOKENS (GLOBAL - SINGLE SOURCE OF TRUTH)
   ============================================================ */
:root {
    /* ===== BRAND COLORS ===== */
    --sapp-primary: #00672F;
    --sapp-primary-hover: #005a29;
    --sapp-secondary: #FD9B00;

    /* ===== LEPTONX OVERRIDES ===== */
    --lpx-brand: #d99430;
    --lpx-brand-text: #ffffff;
    --bs-primary: #d99430;
    --bs-primary-rgb: 217, 148, 48;

    /* ===== SURFACE & BACKGROUNDS ===== */
    --sapp-surface: #ffffff;
    --sapp-surface-soft: #F2F7F5;
    --sapp-page-bg: #ffffff;

    /* ===== TYPOGRAPHY ===== */
    --sapp-text-primary: #141C25;   
    --sapp-text-muted: #6b7280;     

    /* ===== BORDERS & DIVIDERS ===== */
    --sapp-border: #dfe3e8; 
}

/* ============================================================
   ABP / LEPTON OVERRIDES
   ============================================================ */
.lpx-content-container { padding-top: 0 !important; }
.lpx-content { padding-top: 0 !important; }
.lpx-content-toolbar { display: none !important; }
.lpx-topbar-container { display: none !important; }

/* Override LeptonX hardcoded #f72585 toggle color.
   :root prefix raises specificity above LeptonX's plain .form-check-input:checked rule. */
:root .form-check-input:checked {
    background-color: #d99430 !important;
    border-color: #d99430 !important;
}
:root .form-check-input:focus {
    border-color: #d99430 !important;
    box-shadow: 0 0 0 0.25rem rgba(217, 148, 48, 0.25) !important;
}

/* ============================================================
   SHARED: PRIMARY BUTTON
   ============================================================ */
.btn.btn-sapp-primary {
    background-color: var(--sapp-primary) !important;
    border-color: var(--sapp-primary) !important;
    color: #ffffff !important;
}

.btn.btn-sapp-primary:hover,
.btn.btn-sapp-primary:focus {
    background-color: var(--sapp-primary-hover) !important;
    border-color: var(--sapp-primary-hover) !important;
    color: #ffffff !important;
}
