:root {

    /* ── Font ──────────────────────────────────────────────────── */
    --font: "Fira Code", monospace;

    /* ── Core backgrounds ──────────────────────────────────────── */
    --bg: #202020;
    --card-bg: rgba(212, 190, 152, 0.05);
    --card-border: rgba(212, 190, 152, 0.10);
    --card-inner: #2a2827;
    --card-img-bg: #151515;

    /* ── Base text ─────────────────────────────────────────────── */
    --text: #d4be98;
    --muted: #928374;
    --white: #ddc7a1;
    --accent: #d8a657;

    /* ── Tag palette — raw r,g,b triplets for rgba() composition── */
    --tag-teal: 125, 174, 163;
    --tag-rose: 211, 134, 155;
    --tag-amber: 216, 166, 87;
    --tag-orange: 231, 138, 78;
    --tag-green: 137, 180, 130;
    --tag-red: 234, 105, 98;
    --tag-neutral: 212, 190, 152;

    /* ── Year badge ────────────────────────────────────────────── */
    --year-bg: rgba(212, 190, 152, 0.06);
    --year-color: rgba(212, 190, 152, 0.65);

    /* ── Divider ───────────────────────────────────────────────── */
    --divider-color: rgba(212, 190, 152, 0.08);

    /* ── Toggle button ─────────────────────────────────────────── */
    --toggle-bg: rgba(212, 190, 152, 0.06);
    --toggle-color: #d4be98;
    --toggle-bg-hover: rgba(216, 166, 87, 0.12);
    --toggle-border-hover: rgba(216, 166, 87, 0.40);
    --toggle-color-hover: #d8a657;
    --toggle-outline: #d8a657;

    /* ── Commit / update pills ─────────────────────────────────── */
    --pill-bg: rgba(212, 190, 152, 0.05);
    --pill-bg-hover: rgba(212, 190, 152, 0.09);
    --pill-color: #d4be98;
    --dot-recent-color: #ea6962;

    /* ── Commit pill legacy states (is-recent / is-old) ────────── */
    --pill-recent-color: #ff5e4d;
    --pill-old-color: #8b949e;

    /* ── Side icon glow ────────────────────────────────────────── */
    --side-icon-glow: rgba(165, 180, 252, 0.3);

    /* ── Icon brand colors ─────────────────────────────────────── */
    --icon-linkedin: #7daea3;
    --icon-artstation: #7daea3;
    --icon-youtube: #ea6962;
    --icon-itch: #ea6962;
    --icon-github: #ddc7a1;
    --icon-envelope: #d3869b;
    --icon-file: #a9b665;

    /* ── Misc ──────────────────────────────────────────────────── */
    --project-desc-color: #a0a0a0;
    --filter-label-color: #666666;
    --footer-color: #bababa;
    --view-count-color: #d4be98;
}