/* Menocle site — shared tokens and primitives. Mirrors src/theme.ts in the app. */
:root{
  --ground:#F8ECE0;--surface:#FDF7F1;--ink:#110C09;--ink-2:#564B42;--ink-3:#69625A;
  --rule:#CEC2B7;--rule-soft:#E4DACF;--accent:#993F94;--accent-deep:#791F75;--accent-ink:#FDF7F1;
  --rose:#F3E1EF;--rose-deep:#E4C6DF;--apricot:#F6D5BB;--apricot-deep:#E8A574;
  --night:#2B1A30;--cream-on-night:#F3E6DA;--shadow:0 24px 60px rgba(74,46,34,.14);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ground:#1B1018;--surface:#241628;--ink:#F3E6DA;--ink-2:#D2C1CC;--ink-3:#A5938F;
  --rule:#3E2A42;--rule-soft:#312034;--accent:#D79BD2;--accent-deep:#E7B7E2;--accent-ink:#1B1018;
  --rose:#33203A;--rose-deep:#4A3350;--apricot:#5A3A2A;--apricot-deep:#E8A574;
  --night:#0F0A11;--shadow:0 24px 60px rgba(0,0,0,.45);
}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--ink);font-family:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3,.serif{font-family:"Bitter",Georgia,serif;font-weight:700;letter-spacing:-.015em;line-height:1.08;text-wrap:balance;margin:0}
h1 em,h2 em,h3 em{font-style:normal;color:var(--accent)}
p{margin:0}
a{color:var(--accent);text-underline-offset:.15em}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1120px;margin:0 auto;padding-inline:20px}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.muted{color:var(--ink-2)}
.small{font-size:14px}
/* nav */
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:20px}
.wm{display:inline-flex;align-items:center;gap:8px;font-family:"Bitter",Georgia,serif;font-weight:700;font-size:22px;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.wm svg{width:26px;height:26px}
.nav-links{display:flex;align-items:center;gap:22px;font-size:15px;font-weight:500}
.nav-links a{color:var(--ink-2);text-decoration:none}
.nav-links a:hover{color:var(--accent)}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:12px;border:1.5px solid var(--rule);background:var(--surface);color:var(--ink);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}
.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 8px 22px rgba(121,31,117,.22)}
.btn.primary:hover{background:var(--accent-deep);border-color:var(--accent-deep)}
/* cards */
.card{background:var(--surface);border:1.5px solid var(--rule);border-radius:20px;padding:26px}
.card.rose{background:var(--rose);border-color:var(--rose-deep)}
.pill{display:inline-block;border:1.5px solid var(--rose-deep);background:var(--surface);color:var(--accent);border-radius:999px;padding:4px 12px;font-weight:600;font-size:13px}
/* footer */
footer{border-top:1.5px solid var(--rule-soft);margin-top:72px;padding-block:32px 48px;color:var(--ink-3);font-size:14px}
footer .row{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between}
footer a{color:var(--ink-2);text-decoration:none}
footer a:hover{color:var(--accent)}
footer .disc{margin-top:18px;max-width:64ch}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}