/* CLIENT THEME TOKENS — single source for customer-facing colors & fonts.
 * Values below are the CURRENT brand values; defining them changes nothing
 * visually until other CSS references the var(). To re-skin the customer site
 * later, edit only the values here and bump ASSETS_VERSION.
 * Scope: customer-facing only (borrower / profile / public). Admin is excluded. */

:root {
    /* Brand palette */
    --brand-primary:        #052962;  /* primary blue */
    --brand-primary-dark:   #104371;  /* primary blue, darker (hover/accents) */
    --brand-link:           #0070c0;  /* link / informational blue */

    --brand-accent:         #ff7e79;  /* salmon accent */
    --brand-success:        #92d050;  /* success green */
    --brand-success-dark:   #67a427;  /* success green, darker */
    --brand-teal:           #009193;  /* teal */

    /* Text scale (light -> dark) */
    --brand-text:           #6c6c6c;  /* default body text gray */
    --brand-text-dark:      #595959;  /* darker text gray */
    --brand-text-darker:    #1a1a1a;  /* near-black headings/emphasis */

    /* Surfaces & borders */
    --brand-white:          #ffffff;
    --brand-black:          #000000;
    --brand-bg-soft:        #f7f9fa;  /* soft section background */
    --brand-bg-tint:        #deebf7;  /* light blue tint background */
    --brand-border:         #d9d9d9;  /* default border gray */

    /* Typography — mirrors the existing Roboto stacks in font-optimization.css.
     * Body and headings both use Roboto today; keep them aliased so a future
     * font change is a one-line edit here. */
    --font-base:    'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --font-heading: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;

    /* Vendor component mirror tokens — these MIRROR the current Bootstrap /
     * Semantic UI stock values, so the override layer in client-theme-overrides.css
     * is a zero visual change today. To re-skin those components later, repoint
     * the values here (e.g. to --brand-primary) — no other edits needed. */
    --bs-primary:          #007bff;  /* Bootstrap .btn-primary / .bg-primary */
    --bs-primary-hover:     #0069d9;  /* Bootstrap .btn-primary:hover bg */
    --bs-primary-hover-bd:  #0062cc;  /* Bootstrap .btn-primary:hover border */
    --sui-primary:         #2185d0;  /* Semantic .ui.primary.button */
    --sui-primary-hover:    #1678c2;  /* Semantic .ui.primary.button:hover */
}