:root {
    --bg:        #f5f1e8;
    --bg-card:   #ffffff;
    --bg-soft:   #ece7da;
    --bg-deep:   #e3ddcc;

    --ink:       #1a1814;
    --ink-soft:  #57534a;
    --ink-faint: #918b7e;

    --line:      #ddd5c2;
    --line-soft: #ebe5d4;

    --shadow-sm: 0 1px 2px rgba(20, 18, 14, 0.05);
    --shadow-md: 0 4px 16px rgba(20, 18, 14, 0.06), 0 1px 3px rgba(20, 18, 14, 0.04);
    --shadow-lg: 0 12px 32px rgba(20, 18, 14, 0.10), 0 2px 6px rgba(20, 18, 14, 0.04);
    --shadow-tile-hover: 0 12px 24px rgba(20, 18, 14, 0.10), 0 2px 4px rgba(20, 18, 14, 0.05);

    --r-sm: 8px;
    --r:    14px;
    --r-lg: 22px;
    --r-xl: 32px;

    --font-display:   'Bricolage Grotesque', system-ui, sans-serif;
    --font-editorial: 'Fraunces', Georgia, serif;
    --font-body:      'DM Sans', system-ui, sans-serif;
    --font-mono:      'JetBrains Mono', ui-monospace, monospace;

    /* Default accent — overridden per-site below */
    --accent:      #2a2a32;
    --accent-soft: #ececef;
    --accent-deep: #1a1a1f;
    --accent-on:   #ffffff;
}

/* Per-site accents are emitted dynamically by views/layout.php from
   the sites table. See the inline <style> block in <head>. */
