:root {
    color-scheme: dark;

    /* These values are pulled directly from the real RecNet's MUI dark
       theme (background.default / background.paper / primary / shape /
       shadows), not guessed. Token *names* below (--pink/--purple etc.)
       are kept as-is since every stylesheet in this site references them -
       only the values changed. */
    --canvas: #1d1d1d;
    --canvas-glow: none;
    --surface: #303030;
    --surface-hover: rgba(255,255,255,.08);
    --surface-solid: #303030;
    --appbar-bg: #212121;
    --card: var(--surface);
    --glass-border: rgba(255,255,255,.12);
    --glass-blur: 0px;

    --pink: #f16e46;
    --purple: #a84d31;
    --purple-dark: #a84d31;
    --purple-soft: rgba(241,110,70,.16);
    --grad-brand: linear-gradient(120deg, var(--pink), var(--purple));
    --grad-brand-strong: linear-gradient(120deg, #f38b6b, #f16e46);
    --glow-brand: 0 4px 14px rgba(241,110,70,.3);

    --ink: #ffffff;
    --muted: #bdbdbd;
    --faint: #9e9e9e;
    --line: rgba(255,255,255,.12);

    --green: #66bb6a;
    --blue: #42a5f5;
    --orange: #f16e46;
    --red: #e57373;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-pill: 999px;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;

    /* Real MUI dark-theme elevation shadows (elevation 2 / 4 / 10) */
    --shadow-sm: 0px 2px 1px -1px rgba(0,0,0,.2), 0px 1px 1px 0px rgba(0,0,0,.14), 0px 1px 3px 0px rgba(0,0,0,.12);
    --shadow-md: 0px 3px 3px -2px rgba(0,0,0,.2), 0px 3px 4px 0px rgba(0,0,0,.14), 0px 1px 8px 0px rgba(0,0,0,.12);
    --shadow-lg: 0px 6px 6px -3px rgba(0,0,0,.2), 0px 10px 14px 1px rgba(0,0,0,.14), 0px 4px 18px 3px rgba(0,0,0,.12);

    --font-display: "Roboto", "Helvetica", "Arial", sans-serif;
    --font-body: "Roboto", "Helvetica", "Arial", sans-serif;
    --futura-extra: var(--font-display);
}

.photo-card, .user-card, .profile-card, .search-panel, .overview-card,
.quick-card, .feature-card, .stat-pill, .how-step, .route-error,
.empty, .loading, .login-dialog, .register-dialog, .global-search-results,
.overview-card, .room-card, .admin-account, .admin-tools, .shop-item,
.community-video-tile, .community-photo-tile, .event-card, .badge-card {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}