/* Rooh Sites palette: ink, paper, gold, rose. */
:root{--accent:#c2364b;--bg:#f6efe3;--card:#fffdf8;--soft:#ebe1d0;--line:#e2d6c2;--fg:#16110e;--gold:#f4a52a}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--accent:#f4a52a;--bg:#16110e;--card:#201915;--soft:#2a221c;--line:#3a3029;--fg:#f6efe3}}
.logo .muted{font-weight:500}
.eyebrow{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.hero h1{max-width:780px;margin-left:auto;margin-right:auto}
.group{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:30px 0 10px}
.tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.tcard{display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--line);border-left:5px solid var(--c);border-radius:var(--radius);padding:18px 18px 16px;text-decoration:none;color:var(--fg);box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}
.tcard:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(22,17,14,.10)}
.tcard:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.glyph{font-size:26px;line-height:1}
.tname{font-weight:750;font-size:18px;margin-top:6px}
.tlabel{font-weight:600;color:var(--c);font-size:14.5px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tlabel{color:var(--fg);opacity:.85}}
.twhat{color:var(--muted);font-size:14.5px;line-height:1.5;margin-top:4px}
.twho{font-size:13px;color:var(--muted);margin-top:auto;padding-top:10px}