/* chalkolate design tokens — the single source of truth for colour, depth and radius.
   Every page (home, games hub, each game) loads this first. */
:root {
    --ink: #1b2240;
    --ink-soft: #5c638a;
    --paper: #fbfbf7;
    --surface: #ffffff;
    --tint: #edf1ff;
    --tint-warm: #fff5e6;
    --blue: #2f6bff;
    --blue-deep: #1b4ed6;
    --yellow: #ffc53d;
    --coral: #ff6a4d;
    --teal: #11b8a4;
    --line: #e8e8ef;
    --shadow-card:
        0 1px 2px rgba(27, 34, 64, 0.05),
        0 8px 24px -12px rgba(27, 34, 64, 0.18);
    --shadow-lift:
        0 2px 4px rgba(27, 34, 64, 0.06),
        0 20px 40px -18px rgba(27, 34, 64, 0.32);
    --r-lg: 22px;
    --r-md: 14px;
    --r-sm: 10px;
    --maxw: 1200px;
    --maxw-wide: 1460px;
}