/* GenAnvil — базовые стили сайта и приложения. Палитра Sand / Teal, переменные те же, что в макетах design/. Расширяется в подэтапах 5–6 (страницы сайта, формы входа, оболочка Studio). Шрифты Instrument Sans / JetBrains Mono подключаются -ом на Google Fonts в шаблонов (см. layouts/site.php). */ :root { --bg:#fbf9f5; --panel:#ffffff; --sunken:#f6f3ed; --fg:#17181a; --dim:#33322e; --muted:#6b6862; --line:#e6e1d8; --line2:#d9d3c7; --track:#ebe6dd; --accent:#0f7d68; --accent2:#a2542a; --accentSoft:#eaf5f2; --accentLine:#bcded5; --onAccent:#ffffff; --shadow: 0 1px 2px rgba(23,24,26,.05), 0 14px 40px rgba(23,24,26,.08); } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg:#0e0d0b; --panel:#141310; --sunken:#191713; --fg:#f0ece5; --dim:#d5cfc4; --muted:#948d81; --line:#262319; --line2:#33302a; --track:#211f1a; --accent:#3fbfa2; --accent2:#d1904f; --accentSoft:#0f1c1a; --accentLine:#265048; --onAccent:#0b0f0e; --shadow: 0 1px 2px rgba(0,0,0,.5), 0 14px 40px rgba(0,0,0,.35); } } :root[data-theme="dark"] { --bg:#0e0d0b; --panel:#141310; --sunken:#191713; --fg:#f0ece5; --dim:#d5cfc4; --muted:#948d81; --line:#262319; --line2:#33302a; --track:#211f1a; --accent:#3fbfa2; --accent2:#d1904f; --accentSoft:#0f1c1a; --accentLine:#265048; --onAccent:#0b0f0e; --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; }