/* AllWriter — базовые стили сайта и приложения. Палитра Plum & Honey, переменные те же, что в макетах design/. Расширяется в подэтапах 5–6 (страницы сайта, формы входа, оболочка Studio). Шрифты Instrument Sans / JetBrains Mono подключаются -ом на Google Fonts в шаблонов (см. layouts/site.php). */ :root { --bg:#f8f6fb; --panel:#ffffff; --sunken:#f1edf6; --fg:#17131f; --dim:#352d42; --muted:#6b6280; --line:#e6e0ee; --line2:#d6cee2; --track:#ece7f3; --accent:#6a35c9; --accent2:#b97d00; --accentSoft:#f1eafc; --accentLine:#cdb8ef; --onAccent:#ffffff; --danger:#b3401f; --shadow: 0 1px 2px rgba(23,19,31,.05), 0 14px 40px rgba(23,19,31,.08); } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg:#0e0b14; --panel:#15111d; --sunken:#1b1624; --fg:#f1edf7; --dim:#d3cbe0; --muted:#968da8; --line:#251f30; --line2:#332b40; --track:#1f1a29; --accent:#a98bff; --accent2:#f2c14e; --accentSoft:#1d1530; --accentLine:#4a3877; --onAccent:#140c24; --danger:#ff8a6b; --shadow: 0 1px 2px rgba(0,0,0,.5), 0 14px 40px rgba(0,0,0,.35); } } :root[data-theme="dark"] { --bg:#0e0b14; --panel:#15111d; --sunken:#1b1624; --fg:#f1edf7; --dim:#d3cbe0; --muted:#968da8; --line:#251f30; --line2:#332b40; --track:#1f1a29; --accent:#a98bff; --accent2:#f2c14e; --accentSoft:#1d1530; --accentLine:#4a3877; --onAccent:#140c24; --danger:#ff8a6b; --shadow: 0 1px 2px rgba(0,0,0,.5), 0 14px 40px rgba(0,0,0,.35); } * { box-sizing: border-box; margin: 0; padding: 0; } body { background: var(--bg); color: var(--fg); font-family: 'Instrument Sans', system-ui, -apple-system, sans-serif; font-size: 15px; line-height: 1.5; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4 { font-weight: 600; letter-spacing: -.02em; } a { color: inherit; text-decoration: none; } .mono { font-family: 'JetBrains Mono', ui-monospace, monospace; } :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }