/* =========================================================================
   Design tokens — the ONLY file a new client theme needs to change.

   Colours, fonts, radius and spacing used by site.css and the section
   partials. Override these values (or load a client file after this one)
   to re-brand the whole front end. Bootstrap variables are mapped below so
   buttons, links and forms follow the same palette.
   ========================================================================= */

:root {
    /* Brand */
    --site-primary: #f0b73c;
    --site-primary-rgb: 240, 183, 60;
    --site-primary-dark: #dca22a;
    --site-primary-contrast: #111111;
    --site-accent: #f0b73c;

    /* Neutrals */
    --site-text: #2b2b2b;
    --site-muted: #6b7280;
    --site-heading: #111111;
    --site-bg: #ffffff;
    --site-surface: #f8fafc;
    --site-surface-alt: #eef2f7;
    --site-dark: #111111;
    --site-dark-text: #e5e7eb;
    --site-border: #e5e7eb;

    /* Typography (add the matching Google Fonts link in layouts/app if changed) */
    --site-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --site-font-heading: "Crimson Pro", Georgia, serif;
    --site-heading-weight: 700;
    --site-font-size: 1rem;
    --site-line-height: 1.65;

    /* Shape & spacing */
    --site-radius: 0;
    --site-radius-lg: 0;
    --site-shadow: 0 10px 30px rgba(15, 23, 42, .08);
    --site-section-y: clamp(3.5rem, 7vw, 6rem);
    --site-container: 1200px;
    --site-header-height: 76px;

    /* Bootstrap mapping */
    --bs-primary: var(--site-primary);
    --bs-primary-rgb: var(--site-primary-rgb);
    --bs-link-color: var(--site-primary);
    --bs-link-color-rgb: var(--site-primary-rgb);
    --bs-link-hover-color: var(--site-primary-dark);
    --bs-body-font-family: var(--site-font-body);
    --bs-body-color: var(--site-text);
    --bs-body-bg: var(--site-bg);
    --bs-border-color: var(--site-border);
    --bs-border-radius: var(--site-radius);
}