/* PageSift Signal Night — an AI tool should feel precise, not generically purple. */
:root { --ink: #e8f3ed; --muted: #9bb2aa; --purple: #14c8bd; --pink: #c8ff3d; --line: #243d39; --paper: #091113; }
body { background: radial-gradient(circle at 82% 4%, #10443f 0, transparent 22%), radial-gradient(circle at 8% 26%, #283514 0, transparent 19%), var(--paper) !important; }
.nav nav a, .site-footer nav a, .site-footer p, .site-footer > span { color: #9cb5ac; }
.nav-cta, .primary, .final-cta > a { background: #c8ff3d; color: #081310; box-shadow: 0 12px 30px #b6ec3d22; }
.hero h1 em { background: linear-gradient(100deg, #15d3c7, #c8ff3d); -webkit-background-clip: text; background-clip: text; }
.pill { border-color: #2b716a; background: #102a28; color: #8bece3; }
.secondary { border-color: #31514d; background: #122021; color: #d6e9e0; }
.trust { color: #98b1a8; }.trust span:first-child { color: #d7ff78; }.trust i { background: #c8ff3d; }
.glow { background: #13c8bd22; }
.mini-window { border-color: #294944; background: #101b1d; box-shadow: 0 30px 70px #0008; }
.mini-window header strong, .mini-window button { color: #e7f1ec; }.mini-window header > span { color: #c8ff3d; }
.detected { border-color: #285e58; background: #102524; }.detected > b { background: linear-gradient(145deg, #13c8bd, #0b837d); color: #071112; }.detected small { color: #8fece4; }.detected dl { border-left-color: #28514c; }.detected dd, .mini-window button small, .stone small { color: #91aaa2; }
.mini-window button { border-color: #28423e; background: #142224; }.mini-window button i { background: #263e1b; color: #d7ff79; }.mini-window .copy { background: linear-gradient(110deg, #13c8bd, #c8ff3d); color: #071310; }
.stone { border-top-color: #27433f; }.stone > span { background: #13c8bd; }.stone i { color: #c8ff3d; }
.signal-strip { background: #050a0c; color: #86a29a; }.signal-strip b { color: #dff3e9; }
.feature, .price-grid article, .steps article { border-color: var(--line); background: #101b1d; box-shadow: 0 12px 35px #0004; }.feature .icon { background: #183634; color: #8fece3; }.feature > span, .section-title > span, .routine-copy > span, .privacy-section span, .final-cta > span { color: #8cece3; }.feature p, .section-title p { color: #9db3ab; }
.table-demo { border-color: #294440; }.table-demo > div { border-bottom-color: #27413d; }.table-demo > div:first-child { background: #142527; color: #93aaa3; }.table-demo .credit { color: #c8ff3d; }
.routines-section { background: linear-gradient(130deg, #071112, #102826); }.routine-copy p { color: #afc4bc; }.routine-copy ul { color: #d1e2db; }.routine-copy li::before { color: #c8ff3d; }.routine-card { border-color: #3a6560; background: #ffffff08; box-shadow: 0 25px 70px #0008; }.routine-card header small { color: #8cece3; }.routine-card header > span { background: #c8ff3d1f; color: #d7ff79; }.flow > div { background: #ffffff09; }.flow i { background: #13bdb3; color: #071310; }.flow small, .routine-card footer { color: #9fb5ac; }.routine-card footer strong { color: #d7ff79; }
.steps article { border-top-color: #13c8bd; }.steps b { color: #8fece3; }.steps p { color: #9db3ab; }
.privacy-section { background: linear-gradient(120deg, #102725, #15251a); border: 1px solid #294d46; }.privacy-section p { color: #adc2ba; }.privacy-section a { color: #c8ff3d; }
.price-grid .pro { border-color: #3c7e73; background: linear-gradient(140deg, #102827, #101c1d); }.price-grid article > span { color: #8fece3; }.price-grid p, .price-grid li { color: #a5bab2; }.price-grid li::before { color: #c8ff3d; }.price-grid a, .price-grid article > b { background: #183330; color: #dff3eb; }.price-grid article > b { color: #d7ff79; }
.site-footer { border-top-color: #24413d; }
.nav-actions { display: flex; align-items: center; gap: 10px; }.theme-toggle { display: grid; width: 34px; height: 34px; place-items: center; padding: 0; border: 1px solid #315a54; border-radius: 9px; background: #102220; color: #c8ff3d; cursor: pointer; font-size: 17px; }.theme-toggle:hover { border-color: #79d5ca; }

/* Light is deliberately mineral and editorial, not a bright recolour of the dark UI. */
:root[data-theme="light"] { --ink: #253635; --muted: #637773; --line: #d5ded8; --paper: #f6f3ec; }
:root[data-theme="light"] body { background: radial-gradient(circle at 82% 4%, #d7e7de 0, transparent 22%), radial-gradient(circle at 8% 26%, #f0ddc0 0, transparent 19%), var(--paper) !important; }
:root[data-theme="light"] .nav nav a, :root[data-theme="light"] .site-footer nav a, :root[data-theme="light"] .site-footer p, :root[data-theme="light"] .site-footer > span { color: #647772; }
:root[data-theme="light"] .nav-cta, :root[data-theme="light"] .primary, :root[data-theme="light"] .final-cta > a { background: #d87048; color: #2b211c; box-shadow: 0 12px 30px #b8583524; }
:root[data-theme="light"] .theme-toggle { border-color: #bfd1c8; background: #fffdf8; color: #2d7d75; }
:root[data-theme="light"] .hero h1 em { background: linear-gradient(100deg, #267d76, #cb7047); -webkit-background-clip: text; background-clip: text; }
:root[data-theme="light"] .pill { border-color: #a4c7bb; background: #ecf5ef; color: #2a7870; }
:root[data-theme="light"] .secondary { border-color: #bed1c9; background: #fffdf8; color: #405b56; }
:root[data-theme="light"] .trust { color: #6f837d; }:root[data-theme="light"] .trust span:first-child { color: #6a812b; }:root[data-theme="light"] .trust i { background: #99c54d; }
:root[data-theme="light"] .glow { background: #78b4a822; }:root[data-theme="light"] .mini-window { border-color: #c4d5cd; background: #fffdf9; box-shadow: 0 30px 70px #31594c1e; }:root[data-theme="light"] .mini-window header strong, :root[data-theme="light"] .mini-window button { color: #2d423e; }:root[data-theme="light"] .mini-window header > span { color: #6b8628; }
:root[data-theme="light"] .detected { border-color: #a5cbbf; background: #f0f7f2; }:root[data-theme="light"] .detected > b { background: linear-gradient(145deg, #2c9c91, #28716b); color: #f8fbf6; }:root[data-theme="light"] .detected small { color: #2c7770; }:root[data-theme="light"] .detected dl { border-left-color: #c6ddd3; }:root[data-theme="light"] .detected dd, :root[data-theme="light"] .mini-window button small, :root[data-theme="light"] .stone small { color: #6f857d; }
:root[data-theme="light"] .mini-window button { border-color: #d2dfd8; background: #fffefa; }:root[data-theme="light"] .mini-window button i { background: #edf2d9; color: #647f25; }:root[data-theme="light"] .mini-window .copy { background: linear-gradient(110deg, #d87048, #efc676); color: #2c211c; }
:root[data-theme="light"] .stone { border-top-color: #d4e1d9; }:root[data-theme="light"] .stone > span { background: #2b9b91; }:root[data-theme="light"] .stone i { color: #6c8628; }
:root[data-theme="light"] .signal-strip { background: #263b38; color: #c1d1c8; }:root[data-theme="light"] .signal-strip b { color: #f0f4ec; }
:root[data-theme="light"] .feature, :root[data-theme="light"] .price-grid article, :root[data-theme="light"] .steps article { background: #fffdf9; box-shadow: 0 12px 35px #38594b0d; }:root[data-theme="light"] .feature .icon { background: #e4f0e9; color: #2c8178; }:root[data-theme="light"] .feature > span, :root[data-theme="light"] .section-title > span, :root[data-theme="light"] .routine-copy > span, :root[data-theme="light"] .privacy-section span, :root[data-theme="light"] .final-cta > span { color: #2d8279; }:root[data-theme="light"] .feature p, :root[data-theme="light"] .section-title p { color: #657a74; }
:root[data-theme="light"] .table-demo { border-color: #d1ded7; }:root[data-theme="light"] .table-demo > div { border-bottom-color: #dbe5de; }:root[data-theme="light"] .table-demo > div:first-child { background: #edf3ee; color: #6e827b; }:root[data-theme="light"] .table-demo .credit { color: #647f24; }
:root[data-theme="light"] .routines-section { background: linear-gradient(130deg, #e0eee8, #c9ddd1); color: #263b37; }:root[data-theme="light"] .routine-copy p { color: #5f746d; }:root[data-theme="light"] .routine-copy ul { color: #3e5650; }:root[data-theme="light"] .routine-copy li::before { color: #c26942; }:root[data-theme="light"] .routine-card { border-color: #a9c6bb; background: #fffefa99; box-shadow: 0 25px 70px #31564b1d; }:root[data-theme="light"] .routine-card header small { color: #2d8279; }:root[data-theme="light"] .routine-card header > span { background: #e9f1d7; color: #637f23; }:root[data-theme="light"] .flow > div { background: #fffefa99; }:root[data-theme="light"] .flow i { background: #2d9c91; color: #f9fbf7; }:root[data-theme="light"] .flow small, :root[data-theme="light"] .routine-card footer { color: #6e827a; }:root[data-theme="light"] .routine-card footer strong { color: #647e23; }
:root[data-theme="light"] .privacy-section { background: linear-gradient(120deg, #e7f1eb, #f5ead8); border-color: #c4d5cc; }:root[data-theme="light"] .privacy-section p { color: #61756f; }:root[data-theme="light"] .privacy-section a { color: #bd613f; }
:root[data-theme="light"] .price-grid .pro { border-color: #a8c8bd; background: linear-gradient(140deg, #edf6f0, #fffaf0); }:root[data-theme="light"] .price-grid article > span { color: #2d8178; }:root[data-theme="light"] .price-grid p, :root[data-theme="light"] .price-grid li { color: #647972; }:root[data-theme="light"] .price-grid li::before { color: #849d37; }:root[data-theme="light"] .price-grid a, :root[data-theme="light"] .price-grid article > b { background: #e8f1ea; color: #36554e; }:root[data-theme="light"] .price-grid article > b { color: #657e25; }:root[data-theme="light"] .site-footer { border-top-color: #d0ddd6; }
