/* Bridge for pages still built on styles.css + redesign.css (Genesis, Ask Genesis).
   Load after origin.css. Re-points the legacy --rd-* tokens at the new system. */

:root {
    --rd-serif: "Public Sans", "Helvetica Neue", Arial, sans-serif;
    --rd-sans: "Public Sans", "Helvetica Neue", Arial, sans-serif;
    --rd-bg: #ffffff;
    --rd-bg-alt: var(--mist);
    --rd-surface: #ffffff;
    --rd-ink: var(--ink);
    --rd-ink-soft: var(--ink-soft);
    --rd-muted: var(--muted);
    --rd-line: var(--line);
    --rd-line-strong: #c3cadf;
    --rd-accent: var(--navy);
    --rd-accent-ink: #ffffff;
    --rd-dark: var(--navy-900);
}

/* Headings: redesign.css forces font + colour with !important */
h1, h2 { font-family: var(--font-display) !important; letter-spacing: -0.02em !important; }
h1, h2, h3 { color: var(--navy) !important; }

/* Shared chrome keeps its own styling */
.po-header a, .po-drawer a, .po-footer a, .po-footer p, .po-footer span { font-family: var(--font-body); }
.po-footer h2 { font-size: 22px !important; color: var(--navy) !important; }
.po-drawer a { font-family: var(--font-display); }

/* Buttons */
.btn-primary, .btn-primary.btn-large {
    background: var(--navy) !important;
    color: #fff !important;
    border: 3px solid var(--navy) !important;
    border-radius: 0 !important;
    font-family: var(--font-body) !important;
    font-weight: 600 !important;
}
.btn-primary:hover { background: transparent !important; color: var(--navy) !important; }
.btn-primary-outline {
    border: 3px solid var(--navy) !important;
    border-radius: 0 !important;
    color: var(--navy) !important;
    font-family: var(--font-body) !important;
    font-weight: 600 !important;
}

/* Genesis course page */
.genesis-hero {
    position: relative;
    overflow: hidden;
    background: var(--navy) !important;
    border-bottom: 0 !important;
    padding: clamp(120px, 12vw, 160px) 0 clamp(70px, 8vw, 100px) !important;
}
.genesis-hero h1 { color: #fff !important; }
.genesis-hero p { color: rgba(255, 255, 255, 0.86) !important; }
.genesis-badge { color: var(--accent) !important; }
.genesis-hero .btn-primary { background: var(--accent) !important; border-color: var(--accent) !important; color: var(--navy-900) !important; }
.genesis-hero .btn-primary:hover { background: transparent !important; color: var(--accent) !important; }
.genesis-hero .btn-secondary {
    border: 3px solid #fff !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
    color: #fff !important;
    padding: 14px 24px !important;
    font-family: var(--font-body) !important;
    font-weight: 600 !important;
}
.genesis-hero .btn-secondary::before { display: none !important; }
.genesis-hero .btn-secondary:hover { background: #fff !important; color: var(--navy) !important; }
.phase-number, .phase-icon { background: var(--accent) !important; color: var(--navy-900) !important; border-radius: 50% !important; font-family: var(--font-display) !important; }
.genesis-cta { background: var(--accent) !important; }
.genesis-cta h2, .genesis-cta p { color: var(--navy-900) !important; }

/* Ask Genesis: header is fixed and the chat fills the rest */
body.genesis-chat .chat-app { padding-top: var(--header-h) !important; }
body.genesis-chat .chat-intro h1 { font-size: clamp(30px, 4vw, 46px) !important; }
body.genesis-chat .chat-kicker { color: var(--navy) !important; font-weight: 700; letter-spacing: 0.08em; }