/* Normative palette. Core roles first; component colors preserve existing artwork. */
:root {
  --bg: #090b0e;
  --bg2: #101317;
  --sidebar: #0c0e12;
  --panel: #15181e;
  --panel2: #1b1e25;
  --edge: #30343b;
  --edge2: #414650;
  --text: #f6f6f7;
  --muted: #a8acb6;
  --red: #ec2638;
  --red2: #ff4b57;
  --red-dim: #58212b;
  --gold: #ffc46c;
  --green: #61cb9d;
  --shadow: 0 24px 65px rgba(0,0,0,.25);
  --surface: var(--panel);
  --accent-red: var(--red);
  --border: var(--edge);
  --success: var(--green);
  --warning: var(--gold);
  --nav-secondary: #a8acb6;
  --nav-date: #d799a3;

  /* Dense tournament typography: metadata has a 12px floor. */
  --font-meta: 12px;
  --font-label: 13px;
  --font-body: 14px;
  --font-control: 16px;

  /* Shared interaction values, using the incumbent focus color. */
  --focus-ring: var(--color-v5-portal-and-staff-controls-extend-the-established--edge);
  --control-height: 40px;
  --control-touch-height: 44px;

  /* Component roles extracted without changing the incumbent color values. */
  --color-button-focus-visible-edge: #ff8b92;
  --color-sidebar-surface: #14151b;
  --color-sidebar-surface-2: #090a0d;
  --color-sidebar-edge: #30252b;
  --color-brand-emblem-surface: #ff5962;
  --color-brand-emblem-surface-2: #a00618;
  --color-brand-emblem-shadow: #ec263833;
  --color-brand-emblem-span-ink: #fff;
  --color-brand-name-small-span-ink: #a8a9b0;
  --color-nav-label-ink: #747781;
  --color-nav-group-ink: #6a6e79;
  --color-nav-button-ink: #a7a8b0;
  --color-nav-button-hover-surface: #26191e;
  --color-nav-button-active-surface: #491e27;
  --color-nav-button-active-surface-2: #251a1e;
  --color-nav-button-active-edge: #70404a;
  --color-nav-button-nav-date-ink: #a86c73;
  --color-sidebar-bottom-edge: #303036;
  --color-online-light-surface: #6bd3a5;
  --color-online-light-shadow: #61cb9d99;
  --color-topbar-edge: #272c32;
  --color-topbar-surface: #101217;
  --color-breadcrumb-ink: #777b85;
  --color-breadcrumb-b-ink: #e4e6eb;
  --color-save-state-ink: #a1a7ad;
  --color-footer-ink: #656a73;
  --color-footer-edge: #20252c;
  --color-page-desc-ink: #afb0b8;
  --color-btn-hover-surface: #ff3f51;
  --color-btn-outline-edge: #4b3d43;
  --color-btn-outline-ink: #e8e9eb;
  --color-btn-outline-hover-surface: #2b2024;
  --color-btn-outline-hover-edge: #a64c59;
  --color-btn-ghost-surface: #23252c;
  --color-btn-ghost-ink: #dedfe3;
  --color-btn-ghost-edge: #3b3e47;
  --color-btn-ghost-hover-surface: #39343b;
  --color-btn-danger-surface: #4b2229;
  --color-btn-danger-edge: #78353e;
  --color-btn-danger-ink: #ffcbd0;
  --color-btn-danger-hover-surface: #692e38;
  --color-panel-surface: #191b22;
  --color-panel-surface-2: #13161b;
  --color-kpi-surface: #171a20;
  --color-kpi-klabel-ink: #92969e;
  --color-kpi-kdetail-ink: #c4adb2;
  --color-intro-banner-edge: #62313d;
  --color-intro-banner-surface: #8c0c2557;
  --color-intro-banner-surface-2: #161014;
  --color-intro-banner-surface-3: #170b11;
  --color-intro-banner-surface-4: #2a1018;
  --color-intro-banner-before-edge: #c62b3d38;
  --color-intro-banner-after-surface: #120b0e;
  --color-intro-banner-after-surface-2: #fa243710;
  --color-intro-banner-banner-kicker-ink: #ff6d78;
  --color-intro-banner-h2-span-ink: #ff4050;
  --color-intro-banner-p-ink: #bdaeb0;
  --color-intro-banner-banner-symbol-ink: #eb2e43;
  --color-intro-banner-banner-symbol-shadow: #ef3b5c99;
  --color-intro-banner-qualifiers-surface: #930b2580;
  --color-intro-banner-qualifiers-surface-2: #160f12;
  --color-intro-banner-qualifiers-surface-3: #210e16;
  --color-intro-banner-bracket-surface: #ff263347;
  --color-intro-banner-bracket-surface-2: #110e13;
  --color-intro-banner-bracket-surface-3: #260910;
  --color-intro-banner-bracket-banner-symbol-ink: #f8eeee;
  --color-event-card-surface: #1b1d24;
  --color-event-card-surface-2: #141317;
  --color-event-card-edge: #40404a;
  --color-event-card-after-surface: #f8274a09;
  --color-event-card-after-surface-2: #ec263828;
  --color-event-card-hover-edge: #ed4055;
  --color-event-card-hover-surface: #242026;
  --color-event-card-event-label-ink: #ed6877;
  --color-event-card-date-ink: #e6e0e0;
  --color-date-strip-surface: #25191e;
  --color-date-strip-edge: #63313d;
  --color-date-strip-date-bullet-surface: #ff3046;
  --color-date-strip-span-ink: #c8b4b7;
  --color-date-strip-end-note-ink: #f78a98;
  --color-notice-surface: #27191e;
  --color-notice-edge: #67303a;
  --color-notice-edge-2: #f03448;
  --color-notice-ink: #e9c4ca;
  --color-notice-neutral-surface: #202329;
  --color-notice-neutral-edge: #42444d;
  --color-notice-neutral-edge-2: #747987;
  --color-notice-neutral-ink: #c9cbd2;
  --color-notice-success-surface: #112821;
  --color-notice-success-edge: #275e48;
  --color-notice-success-edge-2: #66d9a9;
  --color-notice-success-ink: #b6eed9;
  --color-notice-warning-surface: #322419;
  --color-notice-warning-edge: #6d4a24;
  --color-notice-warning-edge-2: #efb062;
  --color-notice-warning-ink: #ffe1b9;
  --color-round-header-b-ink: #f8e8eb;
  --color-round-header-span-ink: #b16d78;
  --color-fixture-edge: #35363e;
  --color-fixture-surface: #181a20;
  --color-fixture-hover-edge: #93515c;
  --color-fixture-done-edge: #34604b;
  --color-fixture-top-surface: #23232a;
  --color-fixture-top-edge: #36353b;
  --color-fixture-top-match-code-ink: #fb7d87;
  --color-fixture-top-small-ink: #a5a1a8;
  --color-fixture-line-fixture-line-edge: #2d3037;
  --color-mini-logo-edge: #74414b;
  --color-mini-logo-surface: #52202b;
  --color-mini-logo-surface-2: #221a21;
  --color-mini-logo-ink: #ffd9de;
  --color-score-input-surface: #29282e;
  --color-score-input-edge: #635259;
  --color-win-line-team-name-ink: #92dfb8;
  --color-win-line-score-input-edge: #438e6c;
  --color-fixture-footer-edge: #32343b;
  --color-fixture-footer-surface: #1e2027;
  --color-fixture-footer-meta-ink: #b7b3bb;
  --color-fixture-play-tag-ink: #aab0bb;
  --color-fixture-play-tag-edge: #48414a;
  --color-fixture-play-tag-done-surface: #204031;
  --color-fixture-play-tag-done-ink: #8fdbb6;
  --color-fixture-play-tag-done-edge: #3e7b60;
  --color-fixture-play-tag-invalid-surface: #56302a;
  --color-fixture-play-tag-invalid-ink: #ffbd9e;
  --color-input-surface: #22242b;
  --color-input-edge: #4b4d56;
  --color-input-ink: #f7f7f8;
  --color-input-focus-edge: #d74b5e;
  --color-field-label-ink: #aeb0ba;
  --color-data-table-th-ink: #a4a7b1;
  --color-data-table-th-surface: #24262e;
  --color-data-table-td-edge: #30343d;
  --color-data-table-tbody-tr-hover-surface: #242128;
  --color-data-table-rankcell-ink: #ff8690;
  --color-chip-edge: #65333e;
  --color-chip-surface: #3d222b;
  --color-chip-ink: #ff9daa;
  --color-chip-live-ink: #b8f2d8;
  --color-chip-live-edge: #2d7554;
  --color-chip-live-surface: #1c4434;
  --color-chip-wait-ink: #d5d0d2;
  --color-chip-wait-edge: #45434b;
  --color-chip-wait-surface: #303038;
  --color-chip-gold-ink: #ffe2b9;
  --color-chip-gold-edge: #956a38;
  --color-chip-gold-surface: #43301c;
  --color-seed-item-edge: #37373f;
  --color-seed-item-surface: #1e1e25;
  --color-seed-item-seed-number-ink: #ff6372;
  --color-seed-item-small-ink: #9698a1;
  --color-bracket-zone-edge: #493039;
  --color-bracket-zone-surface: #1a151b;
  --color-bracket-zone-surface-2: #13151a;
  --color-bracket-zone-lower-edge: #39383e;
  --color-bracket-zone-lower-surface: #19191e;
  --color-bracket-zone-lower-surface-2: #121419;
  --color-bracket-zone-h3-small-ink: #fa7785;
  --color-bracket-stage-small-ink: #9ca1ac;
  --color-bracket-match-edge: #494149;
  --color-bracket-match-surface: #212027;
  --color-bracket-match-bm-head-surface: #37242c;
  --color-bracket-match-bm-head-strong-ink: #ff7886;
  --color-bracket-match-bm-team-edge: #37323a;
  --color-bracket-match-bm-foot-edge: #38323b;
  --color-bracket-match-bm-foot-small-ink: #b3a8b2;
  --color-flow-arrow-ink: #f04b5d;
  --color-final-area-surface: #8c1b3647;
  --color-final-area-surface-2: #26151c;
  --color-final-area-surface-3: #1a1319;
  --color-final-area-edge: #985162;
  --color-final-area-bracket-match-edge: #aa5062;
  --color-team-card-surface: #1c1c22;
  --color-team-card-surface-2: #13151b;
  --color-team-card-edge: #373840;
  --color-team-card-hover-edge: #ea4b5b;
  --color-team-card-selected-edge: #f74355;
  --color-team-card-selected-shadow: #ed3246;
  --color-team-card-selected-shadow-2: #a40b1f1f;
  --color-team-logo-edge: #984354;
  --color-team-logo-surface: #49222d;
  --color-team-logo-surface-2: #231a24;
  --color-team-logo-ink: #ffd5dc;
  --color-team-card-p-ink: #a0a3ad;
  --color-team-card-bottom-ink: #bbadb2;
  --color-team-card-bottom-edge: #37333b;
  --color-logo-upload-edge: #7e3e4b;
  --color-logo-upload-surface: #231920;
  --color-logo-upload-p-ink: #9695a0;
  --color-roster-table-th-ink: #a6a6ad;
  --color-roster-table-td-first-child-ink: #e87c8a;
  --color-empty-state-edge: #48454b;
  --color-empty-state-ink: #a3a6ae;
  --color-danger-zone-surface: #24171a;
  --color-danger-zone-edge: #592d34;
  --color-danger-zone-p-ink: #b8adb0;
  --color-toast-surface: #2c2228;
  --color-toast-edge: #ac485a;
  --color-toast-shadow: #0009;
  --color-official-poster-edge: #6e303a;
  --color-official-poster-surface: #1e1017;
  --color-official-poster-surface-2: #0b0d12;
  --color-official-poster-shadow: #0006;
  --color-official-poster-image-surface: #8d152b70;
  --color-official-poster-image-surface-2: #0e0d13;
  --color-poster-fallback-ink: #ffffff20;
  --color-poster-fallback-span-ink: #ed55614d;
  --color-poster-details-edge: #572c35;
  --color-poster-details-surface: #1c151c;
  --color-poster-details-p-ink: #a6a2ac;
  --color-poster-settings-preview-edge: #60343c;
  --color-poster-settings-preview-surface: #111116;
  --color-v4-interactive-tournament-bracket-flow-edge: #56232e;
  --color-v4-interactive-tournament-bracket-flow-surface: #101116;
  --color-v4-interactive-tournament-bracket-flow-surface-2: #170d12;
  --color-v4-interactive-tournament-bracket-flow-shadow: #0005;
  --color-diagram-toolbar-edge: #602735;
  --color-diagram-toolbar-surface: #200b1250;
  --color-diagram-toolbar-surface-2: #10131b;
  --color-diagram-toolbar-surface-3: #1d0d13;
  --color-diagram-toolbar-surface-4: #2f101b;
  --color-diagram-toolbar-eyebrow-ink: #ff526b;
  --color-diagram-toolbar-h2-span-ink: #ff435b;
  --color-diagram-toolbar-p-ink: #bcbcc5;
  --color-diagram-total-edge: #ac3648;
  --color-diagram-total-surface: #2f111b;
  --color-diagram-total-shadow: #e22c48;
  --color-diagram-total-i-edge: #a24e5a;
  --color-diagram-scroll-hint-ink: #e2aab3;
  --color-diagram-scroll-hint-surface: #25151e;
  --color-bracket-diagram-scroll-ink: #aa324a;
  --color-bracket-diagram-scroll-ink-2: #131219;
  --color-bracket-diagram-surface: #6020332b;
  --color-bracket-diagram-surface-2: #2c0f1929;
  --color-bracket-diagram-surface-3: #101015;
  --color-bracket-diagram-ink: #f6f7fb;
  --color-bracket-diagram-before-surface: #41202c;
  --color-bracket-diagram-before-ink: #000;
  --color-diagram-zone-edge: #70273a;
  --color-diagram-zone-surface: #201118ec;
  --color-diagram-zone-surface-2: #12121af0;
  --color-diagram-zone-shadow: #ff768522;
  --color-winner-zone-edge: #f52e4d;
  --color-lower-zone-edge: #d73357;
  --color-lower-zone-surface: #1f101a;
  --color-lower-zone-surface-2: #131218;
  --color-grand-zone-edge: #ad7426;
  --color-grand-zone-surface: #2a1b13;
  --color-grand-zone-surface-2: #171317;
  --color-grand-zone-surface-3: #21130d;
  --color-grand-zone-shadow: #c378181c;
  --color-grand-zone-shadow-2: #dfa54d55;
  --color-diagram-zone-head-surface: #260f19c7;
  --color-diagram-zone-head-edge: #712235;
  --color-lower-zone-diagram-zone-head-strong-ink: #ff7590;
  --color-diagram-zone-head-span-ink: #e1b3be;
  --color-diagram-zone-round-ink: #b6aab6;
  --color-grand-zone-title-ink: #ffd790;
  --color-grand-zone-title-small-ink: #e5b66b;
  --color-diagram-crown-ink: #eeb14f;
  --color-diagram-crown-shadow: #d58c2280;
  --color-diagram-champion-edge: #b77a27;
  --color-diagram-champion-surface: #4d2a14;
  --color-diagram-champion-surface-2: #2b1d12;
  --color-diagram-champion-ink: #ffd28f;
  --color-grand-runner-ink: #d0bca2;
  --color-diagram-route-winner-edge: #ff304d;
  --color-diagram-route-winner-shadow: #e01e4c45;
  --color-diagram-route-loser-edge: #f59e43;
  --color-diagram-route-label-edge: #60222f;
  --color-diagram-route-label-surface: #39111d;
  --color-diagram-route-label-ink: #ff8192;
  --color-label-loser-surface: #462512;
  --color-label-loser-edge: #9d531d;
  --color-label-loser-ink: #ffc184;
  --color-diagram-node-edge: #824056;
  --color-diagram-node-surface: #24232c;
  --color-diagram-node-surface-2: #151921;
  --color-diagram-node-shadow: #0008;
  --color-diagram-node-shadow-2: #ffffff12;
  --color-diagram-node-is-grand-edge: #d5953c;
  --color-diagram-node-is-grand-shadow: #a45c1e22;
  --color-diagram-node-is-grand-shadow-2: #000a;
  --color-diagram-node-meta-surface: #a61935;
  --color-diagram-node-meta-surface-2: #671b33;
  --color-diagram-node-meta-edge: #d14962;
  --color-diagram-node-meta-span-ink: #ffb4c0;
  --color-diagram-node-clock-ink: #eac7cd;
  --color-diagram-team-is-winner-before-surface: #f74460;
  --color-diagram-team-logo-edge: #704352;
  --color-diagram-team-logo-surface: #3b2431;
  --color-diagram-team-logo-ink: #ffb6c5;
  --color-diagram-team-name-ink: #e5e2e9;
  --color-diagram-team-score-input-edge: #82404e;
  --color-diagram-team-score-input-surface: #18171f;
  --color-diagram-team-score-input-focus-edge: #ff3d59;
  --color-diagram-node-status-surface: #12131b;
  --color-diagram-node-status-ink: #9395a4;
  --color-diagram-node-status-edge: #39323a;
  --color-diagram-node-match-complete-diagram-node-status-ink: #6ee4ae;
  --color-diagram-legend-surface: #1e1e28;
  --color-diagram-legend-ink: #c9bdc8;
  --color-diagram-legend-edge: #62313b;
  --color-v5-portal-and-staff-controls-extend-the-established--edge: #ff929c;
  --color-a-text-link-ink: #f4cbd0;
  --color-a-text-link-ink-2: #9c4d59;
  --color-sync-banner-surface: #30231b;
  --color-staff-strip-edge: #a23747;
  --color-staff-strip-surface: #31171e;
  --color-staff-strip-a-ink: #ffb8bf;
  --color-match-hero-edge: #6b333f;
  --color-match-hero-surface: #4b15234d;
  --color-participation-grid-fieldset-edge: #4a343b;
  --color-bar-chart-progress-webkit-progress-bar-surface: #35353d;
  --color-bar-chart-progress-webkit-progress-value-surface: #931b2b;
  --color-bar-chart-progress-webkit-progress-value-surface-2: #ee3349;
  --color-empty-state-ink-2: #b8bac3;
  --color-score-input-disabled-ink: #f2f2f4;
  --color-score-input-disabled-surface: #1b1b22;
  --color-diff-preview-surface: #0e1015;
  --color-diff-preview-edge: #423239;
  --color-summary-ink: #ffc7ce;
  --color-skip-link-surface: #a7172b;
  --color-btn-not-btn-outline-not-btn-ghost-not-btn-danger-surface: #c41d32;
  --color-btn-not-btn-outline-not-btn-ghost-not-btn-danger-edge: #e74758;
  --color-btn-not-btn-outline-not-btn-ghost-not-btn-danger-hov-surface: #ad182b;
  --color-match-hero-h2-a-ink: #75434d;
  --color-team-profile-link-hover-surface: #ec263810;
  --color-team-profile-link-focus-visible-surface: #ec263818;
  --color-team-profile-link-hover-team-name-ink: #e66d7e;
  --color-matchup-pair-matchup-versus-edge: #49303b;
  --color-matchup-pair-matchup-versus-surface: #23191f;
  --color-matchup-pair-matchup-versus-ink: #c9afb6;
  --color-mobile-match-table-tbody-tr-surface: #1c1c24;
  --color-mobile-match-table-tbody-tr-edge: #4c303a;
  --color-mobile-match-table-tbody-tr-hover-surface: #201b23;
  --color-mobile-match-table-mobile-match-teams-edge: #3e2a33;
  --color-directory-content-team-card-span-last-child-ink: #c2aeb5;
  --color-inline-app-ink: #fd6879;
  --color-inline-app-edge: #383940;
  --color-bracket-route-ink: #ff324f;
  --color-bracket-route-ink-2: #f59d43;
}