@layer theme {
    :root {
        --bg: #f4f6f9;
        --surface: #fff;
        --border: #e4e8ef;
        --border-light: #eef1f6;
        --ink: #0f1b2d;
        --ink-mid: #3a4a5c;
        --ink-soft: #6b7a8d;
        --accent: #1a6bcc;
        --accent-dark: #0d4a9e;
        --accent-light: #e8f0fb;
        --accent-pale: #b5cef5;
        --font-head: 'Geologica', system-ui, sans-serif;
        --font-body: 'Golos Text', system-ui, sans-serif;
        --r: 10px;
        --r-sm: 6px;
        --sh: 0 1px 3px rgba(15,27,45,.07), 0 4px 12px rgba(15,27,45,.05);
        --sh-hover: 0 4px 20px rgba(15,27,45,.10), 0 16px 40px rgba(15,27,45,.07);
    }
}