/* ============================================================
   AMA LIVE — Theme tokens (fallback)
   ------------------------------------------------------------
   These values are the default fallback. The live site injects
   the same variables inline from PHP (see partials/head.php),
   reading from theme_settings in the database.
   ============================================================ */

:root {
    /* Colors */
    --color-primary:      #c8102e;
    --color-primary-dark: #8c0b20;
    --color-secondary:    #111827;
    --color-accent:       #f59e0b;
    --color-background:   #ffffff;
    --color-surface:      #f7f7f8;
    --color-text:         #111827;
    --color-text-muted:   #6b7280;
    --color-border:       #e5e7eb;
    --color-header-bg:    #ffffff;
    --color-header-text:  #111827;
    --color-footer-bg:    #111827;
    --color-footer-text:  #e5e7eb;
    --color-link:         #c8102e;
    --color-link-hover:   #8c0b20;

    /* Typography */
    --font-heading: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --fs-base:      17px;
    --lh-base:      1.6;
    --fw-base:      400;
    --fw-heading:   700;
    --lh-heading:   1.25;
    --h1-size:      2.25rem;
    --h2-size:      1.75rem;
    --h3-size:      1.35rem;
    --h4-size:      1.15rem;

    /* Layout */
    --header-height:   72px;
    --footer-columns:  4;
    --container-max:   1280px;
    --container-pad:   1rem;

    /* Spacing scale */
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-8: 3rem;
    --space-10: 4rem;

    /* Radius, shadow */
    --radius-sm: 4px;
    --radius:    8px;
    --radius-lg: 14px;
    --shadow-sm: 0 1px 2px rgba(0,0,0,.06);
    --shadow:    0 4px 14px rgba(0,0,0,.08);
    --shadow-lg: 0 12px 40px rgba(0,0,0,.14);
}