:root {
    --mev2-scheme: dark;
    --mev2-canvas: #000000;
    --mev2-surface: #202129;
    --mev2-surface-rgb: 32, 33, 41;
    --mev2-surface-alt: #282a34;
    --mev2-surface-inset: #353744;
    --mev2-text: #f4f3f7;
    --mev2-text-secondary: #ced0dc;
    --mev2-muted: #adb0c0;
    --mev2-border: #434553;
    --mev2-accent: #f29cc8;
    --mev2-accent-rgb: 242, 156, 200;
    --mev2-action: #a52c69;
    --mev2-accent-soft: #3a2432;
    --mev2-accent-border: #865b73;
    --mev2-on-image: #ffffff;
    --mev2-icon-base: #4c485d;
    --mev2-purple: #bfb5ff;
    --mev2-purple-solid: #6156b8;
    --mev2-purple-soft: #302b49;
    --mev2-purple-border: #746997;
    --mev2-pink: #f29cc8;
    --mev2-pink-solid: #a52c69;
    --mev2-pink-soft: #3a2432;
    --mev2-pink-border: #865b73;
    --mev2-teal: #8bd9bd;
    --mev2-teal-solid: #246c58;
    --mev2-teal-soft: #203830;
    --mev2-teal-border: #53796b;
    --mev2-blue: #a0cdf5;
    --mev2-blue-solid: #35638f;
    --mev2-blue-soft: #233447;
    --mev2-blue-border: #5e7b99;
    --mev2-gold: #ebcc86;
    --mev2-gold-solid: #805d18;
    --mev2-gold-soft: #383123;
    --mev2-gold-border: #837454;
    --mev2-radius-xs: 6px;
    --mev2-radius-sm: 10px;
    --mev2-radius: 16px;
    --mev2-radius-lg: 24px;
    --mev2-radius-control: 999px;
    --mev2-radius-panel: 24px;
    --mev2-radius-pill: 999px;
    --mev2-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/*
 * Typographic boundary for the complete V2 interface. Keeping the rule on
 * V2 roots prevents legacy theme/snippet typography from leaking into the
 * header, views, cards, controls or footer without changing V1.
 */
:where(
    .mev2-site-header,
    .mev2-mobile-panel,
    .mev2-mobile-search-screen,
    .mev2-site-footer,
    .mev2-home,
    .mev2-hub-page,
    .mev2-search-page,
    .mev2-assistant-page,
    .mev2-generic-page,
    .mev2-taxonomy-page,
    .mev2-game-page,
    .mev2-game-card
),
:where(
    .mev2-site-header,
    .mev2-mobile-panel,
    .mev2-mobile-search-screen,
    .mev2-site-footer,
    .mev2-home,
    .mev2-hub-page,
    .mev2-search-page,
    .mev2-assistant-page,
    .mev2-generic-page,
    .mev2-taxonomy-page,
    .mev2-game-page,
    .mev2-game-card
) * {
    font-family: var(--mev2-font) !important;
}