/*
 * Shared design tokens + reset for BOTH the public site (layout.php) and the
 * admin CMS (admin-layout.php) — the only two layouts in this project.
 * Anything that genuinely differs between them (font-family, link color/
 * hover treatment, and of course every component class) stays in each
 * layout's own inline <style> block; only what was already byte-for-byte
 * (or near enough) duplicated across both lives here now, so a token/reset
 * change only ever needs to happen in one place.
 */

:root {
    --bg: #f5f6f8;
    --surface: #ffffff;
    --text: #14161c;
    --muted: #565d6b;
    --muted-2: #8a909c;
    --muted-3: #9aa0ac;
    --border: #e7e9ee;
    --border-strong: #e2e5ea;
    --accent: #2E5BFF;
    --accent-dark: #1E3FB8;
    --shadow: 0 14px 34px rgba(20, 22, 28, .08);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

body {
    background: var(--bg);
    color: var(--text);
}