/*
 * MMA Matlock skin tokens.
 *
 * Keep structural/layout rules out of this file. A site-wide visual re-skin
 * should start here: palette, widths, radii and shadow can change without
 * rewriting page components.
 */
:root {
    --theme-background: #080808;
    --theme-surface: #121212;
    --theme-surface-raised: #191919;
    --theme-border: #303030;
    --theme-border-bright: #4a4a4a;

    --theme-text: #f4f4f4;
    --theme-text-soft: #d0d0d0;
    --theme-muted: #929292;

    --theme-accent: #ff4a54;
    --theme-accent-soft: #ff8990;
    --theme-accent-rgb: 255, 74, 84;
    --theme-success: #3ddd78;

    --theme-content-width: 1240px;
    --theme-reading-width: 820px;

    /* Typography is deliberately tokenized even while the current fonts stay
       the same. A future visual overhaul can replace the site's voice here. */
    --theme-font-display: "Gobold", Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    --theme-font-body: Arial, Helvetica, sans-serif;
    --theme-font-editorial: Georgia, "Times New Roman", serif;
    --theme-font-mono: "Courier New", Courier, monospace;

    /* Shape language. These currently reproduce the existing design exactly. */
    --theme-radius-small: 8px;
    --theme-radius-medium: 14px;
    --theme-radius-large: 22px;
    --theme-radius-pill: 999px;

    /* Effects are separate from palette so they can be removed entirely in a
       flatter/newspaper/zine skin without touching component layout. */
    --theme-shadow: 0 20px 60px rgba(0, 0, 0, 0.32);
    --theme-shadow-card: 0 15px 38px rgba(0, 0, 0, 0.28);
    --theme-nav-blur: 14px;
    --theme-accent-wash: rgba(255, 74, 84, 0.1);
}