/* ============================================================
   X+1 Studio — brand tokens + base resets (RED accent).
   Separate from base.css (Y+ cobalt) so the two brands don't drift.
   Used by index.html (the X+1 practice landing).
   ============================================================ */
:root, [data-theme="light"] { --bg:#FAFAF8; --surface:#FFFFFF; --surface-2:#F4F4F0; --ink:#15171C; --muted:#5B616E; --line:#E7E7E2; --line-strong:#D8D8D1; --accent:#FF0000; --accent-soft:#FFECEC; --accent-ink:#CC0000; --danger:#D6453B; --ok:#1F8A5B; --r-sm:8px; --r-md:12px; --shadow-pop:0 10px 30px rgba(20,22,30,.12); }
[data-theme="dark"] { --bg:#0E1014; --surface:#16191F; --surface-2:#1C2028; --ink:#ECEEF2; --muted:#949BA8; --line:#262A31; --line-strong:#333945; --accent:#FF453A; --accent-soft:#2A1414; --accent-ink:#FF8F88; --danger:#E5594D; --ok:#3DBE82; --shadow-pop:0 10px 30px rgba(0,0,0,.5); }
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; scroll-behavior: smooth; }
body { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; -webkit-font-smoothing: antialiased; background: var(--bg); color: var(--ink); transition: background .2s, color .2s; }
::selection { background: var(--accent); color: #fff; }
section[id] { scroll-margin-top: 84px; }