/*******************************************************************************
 * FILE: /public/assets/css/theme.css
 * Frontend theme variables — change values here to retheme the entire site
 ******************************************************************************/

:root {
    /* Palette */
    --bg:               #f4f1ea;
    --paper:            #fffdf8;
    --ink:              #1e1c18;
    --muted:            #5e564c;
    --line:             #d7cfc1;
    --accent:           #7d3d1f;
    --accent-dark:      #5e2d17;
    --soft:             #efe6d7;
    --shadow:           0 10px 30px rgba(0,0,0,0.06);
    --max:              1120px;
    /* Brand */
    --brand-primary:     #0a2342;   /* deep navy */
    --brand-secondary:   #bf0a30;   /* american red */
    --brand-accent:      #ffffff;   /* white */

    /* Navigation */
    --nav-bg:            #0a2342;
    --nav-text:          #ffffff;
    --nav-text-hover:    #bf0a30;
    --nav-border:        #bf0a30;

    /* Hero / Banner */
    --hero-bg:           #0a2342;
    --hero-text:         #ffffff;
    --hero-subtext:      #c8d8e8;
    --hero-btn-bg:       #bf0a30;
    --hero-btn-text:     #ffffff;
    --hero-btn-hover:    #990824;

    /* Body */
    --body-bg:           #f8f9fa;
    --body-text:         #212529;
    --body-link:         #0a2342;
    --body-link-hover:   #bf0a30;

    /* Cards */
    --card-bg:           #ffffff;
    --card-border:       #dee2e6;
    --card-shadow:       0 2px 8px rgba(0,0,0,0.08);
    --card-radius:       0.5rem;

    /* Buttons */
    --btn-primary-bg:    #0a2342;
    --btn-primary-text:  #ffffff;
    --btn-primary-hover: #0d2d57;
    --btn-accent-bg:     #bf0a30;
    --btn-accent-text:   #ffffff;
    --btn-accent-hover:  #990824;

    /* Forms */
    --input-border:      #ced4da;
    --input-focus:       #0a2342;
    --input-radius:      0.375rem;

    /* Footer */
    --footer-bg:         #0a2342;
    --footer-text:       #c8d8e8;
    --footer-link:       #ffffff;
    --footer-link-hover: #bf0a30;
    --footer-border:     #bf0a30;

    /* Alerts */
    --alert-success-bg:  #d1e7dd;
    --alert-success-text:#0a3622;
    --alert-error-bg:    #f8d7da;
    --alert-error-text:  #58151c;
    --alert-info-bg:     #cfe2ff;
    --alert-info-text:   #052c65;
    --alert-warning-bg:  #fff3cd;
    --alert-warning-text:#664d03;

    /* Typography */
    --font-sans:         'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-heading:      'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-size-base:    1rem;
    --line-height-base:  1.6;

    /* Typography */
    --font-serif:       Georgia, "Times New Roman", serif;
    --font-size-sm:     0.78rem;
    --font-size-base:   0.96rem;
    --font-size-body:   1rem;
    --font-size-lead:   clamp(1.1rem, 2vw, 1.35rem);
    --font-size-h1:     clamp(2.2rem, 5vw, 4.4rem);
    --font-size-stat:   1.7rem;
    --font-size-quote:  1.05rem;
    --line-height:      1.6;
    --letter-spacing-kicker: 0.18em;
    --letter-spacing-brand:  0.12em;

    /* Spacing */
    --section-padding:   4rem 0;
    --container-max:     1200px;

    /* Transitions */
    --transition:        0.2s ease;
}