/* Tailor Book — lane themes (extracted from motion-lab/aesthetics.html) Each lane works two ways: - .tN on a card → the card renders in that lane (chapter 1 previews) - data-theme="tN" on → the whole book reskins (the wow mechanic) */ /* default — touchmkt neutral (until a lane is picked) */ :root{ --bg:#faf9f7; --fg:#14181e; --muted:#5c6470; --accent:#1f63d6; --display:"Plus Jakarta Sans",sans-serif; --body:"Inter",sans-serif; --c1:#faf9f7; --c2:#14181e; --c3:#1f63d6; --c4:#cfe0ff; --dw:800; --dls:-.022em; --btn-radius:60px; } /* 1 — Atelier · warm light luxury */ .t1,[data-theme="t1"]{ --bg:#f4ede2; --fg:#1a1714; --muted:#6b6256; --accent:#a8763a; --display:"Fraunces",serif; --body:"Inter",sans-serif; --c1:#f4ede2; --c2:#1a1714; --c3:#2f3b30; --c4:#a8763a; --dw:500; --dls:0; --btn-radius:40px; } /* 2 — Noir · dark fashion luxury */ .t2,[data-theme="t2"]{ --bg:#0c0b0c; --fg:#f2ece2; --muted:#9a9088; --accent:#e7d3a8; --display:"Bodoni Moda",serif; --body:"Inter",sans-serif; --c1:#0c0b0c; --c2:#e7d3a8; --c3:#6e2a35; --c4:#f2ece2; --dw:800; --dls:-.02em; --btn-radius:0; } /* 6 — Botanica · organic wellness */ .t6,[data-theme="t6"]{ --bg:#ece4d6; --fg:#3a342c; --muted:#75705f; --accent:#7c8a5f; --display:"DM Serif Display",serif; --body:"DM Sans",sans-serif; --c1:#ece4d6; --c2:#7c8a5f; --c3:#b9745a; --c4:#3a342c; --dw:400; --dls:0; --btn-radius:40px; } /* 7 — Press · editorial didone */ .t7,[data-theme="t7"]{ --bg:#f7f5f0; --fg:#121212; --muted:#5e5a52; --accent:#d6432f; --display:"Playfair Display",serif; --body:"Archivo",sans-serif; --c1:#f7f5f0; --c2:#121212; --c3:#d6432f; --c4:#9a948a; --dw:900; --dls:-.015em; --btn-radius:4px; } /* 9 — Geist · modern SaaS */ .t9,[data-theme="t9"]{ --bg:#0b0b0f; --fg:#f3f3f7; --muted:#9b9bab; --accent:#7c5cff; --display:"Space Grotesk",sans-serif; --body:"Inter",sans-serif; --c1:#0b0b0f; --c2:#7c5cff; --c3:#4d7cff; --c4:#f3f3f7; --dw:600; --dls:-.03em; --btn-radius:10px; } /* 10 — Maison · classical interiors luxury */ .t10,[data-theme="t10"]{ --bg:#f6f3ec; --fg:#1b1a18; --muted:#6f6862; --accent:#9b2c2c; --display:"Cormorant Garamond",serif; --body:"Inter",sans-serif; --c1:#f6f3ec; --c2:#1b1a18; --c3:#9b2c2c; --c4:#b08a4a; --dw:500; --dls:0; --btn-radius:0; } /* 16 — Ode · beauty / spa, inscriptional roman */ .t16,[data-theme="t16"]{ --bg:#efe9e2; --fg:#2e2a26; --muted:#837b70; --accent:#a98b6b; --display:"Marcellus",serif; --body:"Jost",sans-serif; --c1:#efe9e2; --c2:#2e2a26; --c3:#a98b6b; --c4:#c8bcae; --dw:400; --dls:.04em; --btn-radius:40px; } /* 17 — Bloom · friendly / education, rounded */ .t17,[data-theme="t17"]{ --bg:#fff3e0; --fg:#2d2a32; --muted:#79737f; --accent:#ff7a59; --display:"Fredoka",sans-serif; --body:"Nunito Sans",sans-serif; --c1:#fff3e0; --c2:#ff7a59; --c3:#3db4c4; --c4:#ffd23f; --dw:600; --dls:-.01em; --btn-radius:40px; } /* 19 — Ledger · law / finance / advisory */ .t19,[data-theme="t19"]{ --bg:#f5f4f1; --fg:#1a1d22; --muted:#5d6168; --accent:#1e3a5f; --display:"Spectral",serif; --body:"IBM Plex Sans",sans-serif; --c1:#f5f4f1; --c2:#1a1d22; --c3:#1e3a5f; --c4:#9a7b3f; --dw:700; --dls:-.012em; --btn-radius:4px; } /* 21 — Transit · SME corporate-friendly */ .t21,[data-theme="t21"]{ --bg:#ffffff; --fg:#0f2033; --muted:#5a6b80; --accent:#1f63d6; --display:"Plus Jakarta Sans",sans-serif; --body:"Inter",sans-serif; --c1:#ffffff; --c2:#0f2033; --c3:#1f63d6; --c4:#cfe0ff; --dw:800; --dls:-.022em; --btn-radius:60px; } /* lane-specific display flourishes on the mini-heroes */ .t16 .lane-hero h3{text-transform:uppercase;letter-spacing:.06em} .t7 .lane-hero h3 em, .t10 .lane-hero h3 em, .t21 .lane-hero h3 em{font-style:italic;color:var(--accent)} .t10 .lane-hero h3 em{font-style:italic} .t9 .lane-hero h3{background:linear-gradient(120deg,var(--fg) 30%,#9b8cff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}