/* Shared design tokens for the share pages (index.html + g/ gallery).
   Single source of truth — don't redefine these in page-level CSS. */
:root {
    color-scheme: dark light;
    --bg: #0a0a0a;
    --fg: #f5f5f5;
    --accent: #4dd0e1;
    --muted: #888;
    --card: rgba(255, 255, 255, 0.06);
    --border: rgba(255, 255, 255, 0.12);
}

@media (prefers-color-scheme: light) {
    :root {
        --bg: #fafafa;
        --fg: #1a1a1a;
        --muted: #6b6b6b;
        --card: rgba(0, 0, 0, 0.04);
        --border: rgba(0, 0, 0, 0.1);
    }
}