/* Street — current public Battle24 dark red/cream. Default (also :root in tokens.css). */
html[data-theme="street"] {
    color-scheme: dark;

    --color-bg: #0A0A0F;
    --color-surface: #12121A;
    --color-surface-2: #1A1A28;
    --color-surface-3: #222233;
    --color-accent: #D43030;
    --color-accent-hot: #E85535;
    /* #1155: white on the hot accent was 3.6:1 ("Watch Live"); 4.8:1 darkened. */
    --color-accent-hot-fill: color-mix(in srgb, var(--color-accent-hot) 85%, #000);
    /* #1148: the BATTLE24 red at 4.5:1 on this theme (see tokens.css). #1155:
       and 4.7:1 in the footer under the noise overlay. */
    --color-brand: #DE5A5A;
    /* #1155: the danger red as text (see tokens.css). */
    --color-danger-text: #E77681;
    /* #1194: the success green as text (see tokens.css). */
    --color-ok-text: #3DB87F;
    --color-accent-glow: rgba(212, 48, 48, 0.3);
    /* #1129: cream on the accent was 4.34:1, white is 4.92:1. Display text
       (headings, brand) keeps the cream through --scb-chalk. */
    --color-on-accent: #FFFFFF;
    --scb-chalk: #F5F0E8;
    /* #1146: the brand red is 3.0-3.9:1 as text here; links, tabs and outline
       buttons take a lighter, warmer red. Fills keep #D43030. */
    --color-accent-text: #F0605A;
    --bs-link-color-rgb: 240, 96, 90;
    --bs-link-hover-color-rgb: 240, 96, 90;
    --color-on-surface: #E8DCC8;
    --color-text: #E8DCC8;
    /* #1155: #5A6A80 was 3.0-3.6:1 on the page and cards. Same slate, lighter:
       4.8:1 on --color-surface-3, still well below the cream body text. */
    --color-muted: #8090A6;
    --color-border: #2B3A50;
    --color-warn: #D4A030;
    --color-warn-glow: rgba(212, 160, 48, 0.2);
    --font-display: 'Anton', 'Impact', sans-serif;
    --font-body: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    --radius: 4px;
    --radius-sm: 6px;
    --bs-primary-rgb: 212, 48, 48;
}

/* #1146: white on the hot accent was 3.63:1 on hover. Hover and press darken
   the accent instead, which also follows a Site Settings accent override. */
html[data-theme="street"] .btn-primary {
    --bs-btn-hover-bg: color-mix(in srgb, var(--color-accent) 85%, #000);
    --bs-btn-hover-border-color: color-mix(in srgb, var(--color-accent) 85%, #000);
    --bs-btn-active-bg: color-mix(in srgb, var(--color-accent) 85%, #000);
    --bs-btn-active-border-color: color-mix(in srgb, var(--color-accent) 85%, #000);
}