/*
 * Brand tokens for "Resolve" — colours sampled from the client's launch
 * poster (soft powder blues, deep navy wordmark) and matching fonts.
 *
 * To reuse this template for a different coach/counsellor brand: swap
 * this file (and content/defaults.php) — nothing else should need to
 * change. Keep the same variable names so style.css keeps working.
 */

:root {
    /* Light theme (default) */
    --bg:            #fbfcfe;
    --bg-alt:        #eef4fa;
    --bg-panel:      #ffffff;
    --bg-hero-1:     #cfe1f2;
    --bg-hero-2:     #eef5fb;
    --bg-hero-3:     #9fb9d6;

    --text:          #0d2947;
    --text-soft:     #3c5978;
    --muted:         #6b85a3;

    --accent:        #3f6d9e;
    --accent-strong: #0d2947;
    --accent-contrast: #ffffff;

    --border:        #d7e4f0;
    --shadow:        0 20px 60px -30px rgba(13, 41, 71, 0.35);

    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 28px;

    --font-display: 'Fraunces', 'Iowan Old Style', 'Georgia', serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

:root[data-theme="dark"] {
    --bg:            #081625;
    --bg-alt:        #0d1f33;
    --bg-panel:      #0f2237;
    --bg-hero-1:     #0d2947;
    --bg-hero-2:     #122c4d;
    --bg-hero-3:     #1c3a5e;

    --text:          #eaf1f8;
    --text-soft:     #b9cbdd;
    --muted:         #82a0bd;

    --accent:        #8fb4dd;
    --accent-strong: #cfe1f2;
    --accent-contrast: #0d2947;

    --border:        #1c3450;
    --shadow:        0 20px 60px -30px rgba(0, 0, 0, 0.6);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]):not([data-theme="dark"]) {
        --bg:            #081625;
        --bg-alt:        #0d1f33;
        --bg-panel:      #0f2237;
        --bg-hero-1:     #0d2947;
        --bg-hero-2:     #122c4d;
        --bg-hero-3:     #1c3a5e;

        --text:          #eaf1f8;
        --text-soft:     #b9cbdd;
        --muted:         #82a0bd;

        --accent:        #8fb4dd;
        --accent-strong: #cfe1f2;
        --accent-contrast: #0d2947;

        --border:        #1c3450;
        --shadow:        0 20px 60px -30px rgba(0, 0, 0, 0.6);
    }
}