/* === LvlCamp · Level 2: semantic (purpose) tokens === */
:root {
    /* Re-aliased so the design's `var(--accent)` etc. still works one-to-one */
    --accent: var(--color-accent-lime);
    --accent-soft: rgba(212, 255, 0, 0.12);
    --bg: var(--color-bg);
    --bg-2: var(--color-bg-2);
    --magenta: var(--color-magenta);
    --indigo: var(--color-indigo);
    --orange: var(--color-orange);

    /* Per-block backgrounds (admin can switch in §3.0 plan) */
    --block-bg-dark: var(--color-bg);
    --block-bg-lime: var(--color-accent-lime);
    --block-bg-orange: var(--color-acid-orange);
    --block-bg-magenta: var(--color-magenta);
    --block-bg-cyan: var(--color-acid-cyan);

    /* Text colors */
    --text-on-dark: var(--color-white);
    --text-on-light: var(--color-black);
    --text-muted: var(--color-white-65);
    --text-eyebrow: var(--color-accent-lime);

    /* Border */
    --border-subtle: var(--color-white-10);

    /* Form (light panel = magenta + white form) */
    --form-bg: var(--color-white);
    --form-text: var(--color-black);
    --form-field-border: rgba(0, 0, 0, 0.15);
    --form-field-focus: var(--color-magenta);
}