/* Local design tokens for the full marketplace refresh. No CDN, no external assets. */
:root {
    --site-accent: #ef394e;
    --site-accent-rgb: 239 57 78;
    --site-accent-contrast: #ffffff;
    --site-accent-soft: rgb(var(--site-accent-rgb) / 0.10);
    --site-accent-soft-2: rgb(var(--site-accent-rgb) / 0.16);
    --success: #00a049;
    --success-rgb: 0 160 73;
    --warning: #f9a825;
    --danger: var(--site-accent);
    --info: #19bfd3;

    --app-bg: #f1f2f4;
    --app-bg-2: #f7f7f8;
    --surface: #ffffff;
    --surface-strong: #ffffff;
    --surface-elevated: #ffffff;
    --surface-subtle: #f6f6f7;
    --surface-muted: #fafafa;
    --surface-inverse: #23254e;
    --text: #23254e;
    --text-muted: #62666d;
    --text-soft: #81858b;
    --text-faint: #a1a3a8;
    --border: #e0e0e2;
    --border-soft: #f0f0f1;
    --border-strong: #c0c2c5;
    --header-background: #ffffff;
    --header-foreground: #23254e;
    --footer-background: #ffffff;
    --footer-foreground: #23254e;
    --overlay: rgba(0, 0, 0, 0.42);

    --radius-xs: 6px;
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 18px;
    --radius-xl: 24px;
    --radius-pill: 999px;
    --shadow-xs: 0 1px 2px rgba(0,0,0,.04);
    --shadow-sm: 0 4px 16px rgba(35,37,78,.06);
    --shadow-md: 0 12px 34px rgba(35,37,78,.10);
    --shadow-lg: 0 22px 60px rgba(35,37,78,.14);
    --focus-ring: 0 0 0 3px rgb(var(--site-accent-rgb) / .16);
    --container: 1380px;
    --theme-color: #ffffff;
    color-scheme: light;
}

:root[data-theme="dark"] {
    --app-bg: #0f1117;
    --app-bg-2: #151821;
    --surface: #1b1f2a;
    --surface-strong: #202431;
    --surface-elevated: #252a38;
    --surface-subtle: #171b24;
    --surface-muted: #161923;
    --surface-inverse: #ffffff;
    --text: #f1f2f4;
    --text-muted: #c0c2c5;
    --text-soft: #a1a3a8;
    --text-faint: #81858b;
    --border: rgba(255,255,255,.12);
    --border-soft: rgba(255,255,255,.08);
    --border-strong: rgba(255,255,255,.22);
    --header-background: #1b1f2a;
    --header-foreground: #f1f2f4;
    --footer-background: #1b1f2a;
    --footer-foreground: #f1f2f4;
    --overlay: rgba(0, 0, 0, 0.66);
    --theme-color: #1b1f2a;
    color-scheme: dark;
}