/* ============================================================
   Romance Signal, shared base + bouquet tokens
   SINGLE SOURCE OF TRUTH for palette, fonts, reset, nav, footer.
   Linked by every page via /romancesignal/css/bouquet-base.css
   Page-specific layout/components stay in each page's inline <style>.
   Generated 2026-05-29 by merging identical rules across all 6 pages.
   ============================================================ */

:root{--sage:#8FA88A; --sage-deep:#6E876A; --peony:#B25083; --peony-bright:#C4628F; --acid:#C9D862; --acid-deep:#B6C44F; --teal:#5DAD9F; --teal-deep:#4A9488; --pink:#DB4574; --bg:#0E0B0D; --bg-2:#151014; --surface:#1B141A; --surface-2:#241A24; --plum:#4A2545; --grid:rgba(143,168,138,0.10); --border:rgba(196,210,98,0.13); --border-strong:rgba(196,210,98,0.26); --text:#F3E6DC; --text-muted:#C4B6AE; --text-faint:#8E8079; --euc:var(--sage); --thistle:var(--acid); --font-display:'Satoshi','Inter',sans-serif; --font-body:'Inter','system-ui',sans-serif; --font-serif:'Spectral','Georgia',serif; --font-mono:'JetBrains Mono','ui-monospace',monospace; --maxw:1200px; --radius:10px;}
[data-theme="light"]{--bg:#F6F1EA; --bg-2:#EDE6DB; --surface:#FFFFFF; --surface-2:#F7F1E8; --plum:#E9DCE4; --grid:rgba(74,37,69,0.09); --border:rgba(74,37,69,0.14); --border-strong:rgba(74,37,69,0.26); --text:#1E1419; --text-muted:#5A4A52; --text-faint:#857069; --sage:#5E7A6A; --sage-deep:#4C6657; --peony:#A13E6F; --acid:#5E6B1F; --acid-deep:#4C5718; --teal:#3E8678; --teal-deep:#326D62; --pink:#C0285C; --euc:var(--sage); --thistle:var(--acid);}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.55; -webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none; background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px); background-size:64px 64px;opacity:.5; mask-image:radial-gradient(ellipse 80% 60% at 70% 0%,#000 0%,transparent 75%)}
.app{position:relative;z-index:1}
/* Shell width/padding finalized in base.css (.wrap, .page-shell) */
.tnum{font-variant-numeric:tabular-nums lining-nums}
.toggle{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:6px; color:var(--text-muted);cursor:pointer;background:transparent;transition:.2s}
.toggle:hover{color:var(--euc);border-color:var(--euc)}
.nav{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 86%,transparent); backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
.nav__in{display:flex;align-items:center;justify-content:space-between;height:62px}
.nav__links{display:flex;gap:26px;align-items:center}
.nav__links a{font-family:var(--font-mono);font-size:12.5px;color:var(--text-muted);letter-spacing:.02em;transition:.2s}
.nav__links a:hover{color:var(--euc)}
.brand{display:flex;align-items:baseline;gap:8px;text-decoration:none}
.brand__word{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.02em;text-transform:lowercase;color:var(--text)}
.brand__sig{color:var(--acid)}
.brand__by{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);letter-spacing:.04em;text-transform:lowercase}
.foot__in{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.foot__cols{display:flex;gap:48px;flex-wrap:wrap}
.foot__col h4{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:11px}
.foot__col a{display:block;font-size:13.5px;color:var(--text-muted);margin-bottom:8px;transition:.2s}
.foot__col a:hover{color:var(--euc)}
.foot__tag{font-family:var(--font-serif);font-style:italic;color:var(--text-muted);max-width:32ch;margin-top:12px;font-size:13.5px}
.foot__bottom{margin-top:32px;padding-top:20px;border-top:1px solid var(--border); display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11.5px;color:var(--text-faint)}

/* interest signup nav button = conversion CTA → pink (must beat .nav__links a specificity) */
.nav__links a.nav__cta{color:var(--pink);border:1px solid var(--pink)}
.nav__links a.nav__cta:hover{background:var(--pink);color:#fff;border-color:var(--pink)}