/* TRINE shared theme tokens.
 *
 * Imported by both the game page (static/index.html) and the admin curation
 * dashboard (static/admin.html) so both surfaces stay visually consistent.
 * Any color, spacing, or typography primitive that both pages need lives here.
 */

:root {
    --bg: #060609;
    --chrome: rgba(255,255,255,0.04);
    --sep: rgba(255,255,255,0.06);
    --t1: #fff;
    --t2: rgba(255,255,255,0.6);
    --t3: rgba(255,255,255,0.38);

    /* Default palette (coral / teal / gold) */
    --c1: #ff7585;
    --c2: #5de8dd;
    --c3: #f5d45a;
    --c1-fill: rgba(255, 117, 133, 0.16);
    --c2-fill: rgba(93, 232, 221, 0.16);
    --c3-fill: rgba(245, 212, 90, 0.16);
    --c1-stroke: rgba(255, 117, 133, 0.55);
    --c2-stroke: rgba(93, 232, 221, 0.55);
    --c3-stroke: rgba(245, 212, 90, 0.55);
    --c1-glow: rgba(255, 117, 133, 0.5);
    --c2-glow: rgba(93, 232, 221, 0.5);
    --c3-glow: rgba(245, 212, 90, 0.5);

    /* Legacy aliases */
    --coral: var(--c1);
    --teal: var(--c2);
    --gold: var(--c3);

    --accent: #d4c88a;           /* warm muted gold — accent + focus on dark bg */
    --focus-glow: rgba(212, 200, 138, 0.45);
    --ff: 'Bricolage Grotesque', sans-serif;
    --fm: 'DM Mono', monospace;
    --mw: 460px;
}

/* Colorblind-safe palette — IBM Design accessible trio */
html.colorblind {
    --c1: #DC267F;  /* magenta */
    --c2: #648FFF;  /* blue */
    --c3: #FFB000;  /* yellow */
    --c1-fill: rgba(220, 38, 127, 0.18);
    --c2-fill: rgba(100, 143, 255, 0.16);
    --c3-fill: rgba(255, 176, 0, 0.16);
    --c1-stroke: rgba(220, 38, 127, 0.65);
    --c2-stroke: rgba(100, 143, 255, 0.65);
    --c3-stroke: rgba(255, 176, 0, 0.65);
    --c1-glow: rgba(220, 38, 127, 0.55);
    --c2-glow: rgba(100, 143, 255, 0.55);
    --c3-glow: rgba(255, 176, 0, 0.55);
}