/**
 * Design Tokens — Colors (v2 OKLCH)
 *
 * OKLCH primitive → light-dark() semantic tokens
 * Phase 2: hex → OKLCH 프리미티브 참조 + light-dark() 자동 다크모드 (2026-03-29)
 *
 * 구조:
 *   1. Semantic primary (OKLCH 프리미티브 참조)
 *   2. Status colors (OKLCH 프리미티브 참조)
 *   3. Gray scale (light-dark)
 *   4. Base colors
 *   5. Surface / Background (light-dark)
 *   6. Text (light-dark)
 *   7. Border (light-dark)
 *   8. Overlay & Backdrop
 *   9. Alpha colors
 *  10. Status soft styles
 *  11. Badge & Game colors
 *  12. Disabled states
 *  13. Semantic shortcuts
 *  14. Misc tokens
 *  15. -rgb aliases (하위 호환, 향후 Phase에서 제거)
 */

:root {
    /* ═══════════════════════════════════════════
       1. SEMANTIC PRIMARY (OKLCH 프리미티브 참조)
       ═══════════════════════════════════════════ */
    --color-primary-50:  var(--blue-50);
    --color-primary-100: var(--blue-100);
    --color-primary-200: var(--blue-200);
    --color-primary-300: var(--blue-300);
    --color-primary-400: var(--blue-400);
    --color-primary-500: var(--blue-500);
    --color-primary-600: var(--blue-600);
    --color-primary-700: var(--blue-700);
    --color-primary-800: var(--blue-800);
    --color-primary-500-rgb: 0, 123, 255;
    --color-primary-600-rgb: 0, 86, 179;

    /* ═══════════════════════════════════════════
       2. STATUS COLORS (OKLCH 프리미티브 참조)
       ═══════════════════════════════════════════ */

    /* Success (green) */
    --color-success-50:  var(--green-50);
    --color-success-300: var(--green-300);
    --color-success-400: var(--green-400);
    --color-success-500: var(--green-500);
    --color-success-600: var(--green-600);
    --color-success-700: var(--green-700);
    --color-success-800: var(--green-800);
    --color-success-500-rgb: 40, 167, 69;

    /* Danger (red) */
    --color-danger-50:  var(--red-50);
    --color-danger-100: var(--red-100);
    --color-danger-200: var(--red-200);
    --color-danger-300: var(--red-300);
    --color-danger-400: var(--red-400);
    --color-danger-500: var(--red-500);
    --color-danger-600: var(--red-600);
    --color-danger-700: var(--red-700);
    --color-danger-800: var(--red-800);
    --color-danger-500-rgb: 220, 53, 69;

    /* Warning (amber) */
    --color-warning-50:  var(--amber-50);
    --color-warning-100: var(--amber-100);
    --color-warning-200: var(--amber-200);
    --color-warning-300: var(--amber-300);
    --color-warning-400: var(--amber-400);
    --color-warning-500: var(--amber-500);
    --color-warning-600: var(--amber-600);
    --color-warning-700: var(--amber-700);
    --color-warning-900: var(--amber-900);
    --color-warning-500-rgb: 255, 193, 7;
    --color-warning-600-rgb: 255, 152, 0;
    --color-warning-900-rgb: 117, 88, 34; /* --amber-900 sRGB readback (P-2: 라이트 지면용 가독 앰버) */

    /* Info (cyan) */
    --color-info-50:  var(--cyan-50);
    --color-info-100: var(--cyan-100);
    --color-info-200: var(--cyan-200);
    --color-info-300: var(--cyan-300);
    --color-info-400: var(--cyan-400);
    --color-info-500: var(--cyan-500);
    --color-info-600: var(--cyan-600);
    --color-info-700: var(--cyan-700);
    --color-info-500-rgb: 23, 162, 184;

    /* Purple */
    --color-purple-50:  var(--purple-50);
    --color-purple-300: var(--purple-300);
    --color-purple-400: var(--purple-400);
    --color-purple-500: var(--purple-500);
    --color-purple-600: var(--purple-600);
    --color-purple-700: var(--purple-700);
    --color-purple-500-rgb: 102, 126, 234;
    --color-purple-600-rgb: 59, 89, 153;

    /* Orange */
    --color-orange-100: var(--orange-100);
    --color-orange-500: var(--orange-500);
    --color-orange-600: var(--orange-600);
    --color-orange-800: var(--orange-800);
    --color-orange-900: var(--orange-900);

    /* Pink */
    --color-pink-400: var(--pink-400);
    --color-pink-500: var(--pink-500);

    /* Semantic status aliases */
    --color-emoney: oklch(55% 0.14 52deg);   /* ~#b35800 */
    --color-warning-dark: oklch(53% 0.14 45deg); /* ~#c05500 */
    --color-success-text: var(--color-success-800);
    --color-success-bg: oklch(94% 0.04 147deg);
    --color-danger-text: oklch(38% 0.10 21deg);
    --color-warning-text: var(--color-warning-900);

    /* ═══════════════════════════════════════════
       3. GRAY SCALE (light-dark)
       ═══════════════════════════════════════════ */
    --color-gray-50:  var(--neutral-50);
    --color-gray-100: var(--neutral-100);
    --color-gray-200: var(--neutral-200);
    --color-gray-300: var(--neutral-300);
    --color-gray-400: var(--neutral-400);
    --color-gray-500: var(--neutral-500);
    /* [2026-07-01 P2] 라이트 gray-600 텍스트 AA 보정: neutral-600(oklch57%, white 4.46/헤더 3.98 미달)
       을 라이트만 oklch52%(white 5.47, 최악 헤더 4.87)로 darken. .subline/dense 헤더/sortable/.text-gray-600
       등 gray-600 텍스트 소비 일괄 AA. 다크 arm(oklch63%)·border 용도는 5% 진해지나 무해. */
    --color-gray-600: oklch(52% 0.012 248deg);
    --color-gray-700: var(--neutral-700);
    --color-gray-800: var(--neutral-800);
    --color-gray-900: var(--neutral-900);
    --color-gray-600-rgb: 103, 112, 120;

    /* ═══════════════════════════════════════════
       4. BASE COLORS
       ═══════════════════════════════════════════ */
    --color-white: #ffffff;
    --color-black: #000000;
    --color-black-rgb: 0, 0, 0;

    /* ═══════════════════════════════════════════
       5. SURFACE / BACKGROUND (light-dark)
       ═══════════════════════════════════════════ */
    --color-bg-primary:       oklch(99% 0.005 257deg);
    --color-bg-secondary:     var(--color-gray-100);
    --color-bg-hover:         color-mix(in oklch, var(--color-gray-100) 88%, var(--color-primary-500) 12%);
    --color-surface:          oklch(99% 0.005 257deg);
    --color-surface-variant:  oklch(97% 0.005 257deg);
    --color-surface-elevated: oklch(96% 0.01 257deg);
    --surface-0:              var(--color-bg-primary);
    --surface-1:              var(--color-surface);
    --surface-2:              var(--color-surface-variant);
    --surface-3:              var(--color-surface-elevated);
    --surface-4:              var(--color-surface-elevated);
    --surface-5:              var(--color-surface-elevated);
    --surface-6:              var(--color-surface-elevated);
    --surface-7:              var(--color-surface-elevated);
    --table-header-bg:        oklch(96% 0.01 257deg);

    /* ═══════════════════════════════════════════
       6. TEXT (light-dark)
       ═══════════════════════════════════════════ */
    --color-text-primary:   var(--color-gray-900);
    --color-text-secondary: oklch(48% 0.01 248deg);
    --color-text-tertiary:  var(--color-gray-600);
    --color-text-quaternary: var(--color-gray-500);
    --color-text-disabled:  var(--color-gray-400);
    --color-text-heading:   var(--color-gray-900);
    --color-text-on-primary: #ffffff;
    --state-primary-fill-bg: var(--color-action-fill);
    --state-primary-fill-bg-hover: var(--color-action-fill-hover);
    --state-primary-fill-text: var(--color-text-on-primary);
    --state-primary-fill-border: var(--color-action-border);
    --state-primary-soft-bg: var(--color-primary-50);
    --state-primary-soft-text: var(--color-accent-text);
    --state-primary-soft-border: var(--color-primary-200);
    --state-success-fill-text: oklch(16% 0.04 147deg);
    --state-danger-fill-text: var(--color-white);
    --state-warning-fill-text: oklch(18% 0.04 58deg);
    --state-info-fill-text: var(--color-white);
    --state-success-soft-text: var(--color-success-text);
    --state-danger-soft-text: var(--color-danger-text);
    --state-warning-soft-text: var(--color-warning-text);
    --state-info-soft-text: var(--color-info-700);

    /* ═══════════════════════════════════════════
       7. BORDER (light-dark)
       ═══════════════════════════════════════════ */
    --color-border-primary:   oklch(91% 0.007 248deg);
    --color-border-secondary: var(--color-gray-400);

    /* Search / Filter Shell */
    --color-search-shell-inner-bg:   color-mix(in oklch, var(--surface-1) 98%, var(--color-gray-100) 2%);
    --color-search-input-bg:         var(--color-bg-primary);
    --color-search-input-border:     var(--color-gray-300);
    --color-search-shell-muted:      var(--color-text-secondary);

    /* Admin shell layout */
    --admin-shell-filter-panel-bg: var(--color-bg-primary);
    --admin-shell-filter-panel-border: color-mix(in oklab, var(--color-border-primary, var(--color-gray-300)) 70%, transparent);
    --admin-shell-filter-panel-shadow: 0 0 15px var(--color-black-alpha-07);
    --admin-shell-filter-panel-inner-bg: var(--color-bg-primary);
    --admin-shell-filter-panel-label-bg: var(--admin-shell-filter-panel-bg);
    --admin-shell-filter-panel-label-text: var(--color-text-secondary);
    --admin-shell-scroll-mask-visible: var(--color-black);
    --admin-shell-event-mobile-scroll-thumb: color-mix(in oklch, var(--color-warning-400) 72%, transparent);
    --admin-shell-event-mobile-scroll-track: color-mix(in oklch, var(--color-gray-500) 18%, transparent);
    --admin-shell-mobile-scroll-thumb: color-mix(in oklch, var(--color-primary-500) 60%, transparent);
    --admin-shell-mobile-scroll-track: color-mix(in oklch, var(--color-gray-500) 18%, transparent);
    --admin-shell-mobile-scroll-thumb-strong: color-mix(in oklch, var(--color-primary-500) 68%, transparent);
    --admin-shell-mobile-scroll-track-compact: color-mix(in oklch, var(--color-gray-500) 16%, transparent);
    --admin-shell-mobile-topbar-edge-shadow: 8px 0 18px color-mix(in oklch, var(--color-black) 22%, transparent);
    --admin-shell-mobile-action-edge-shadow: -8px 0 18px color-mix(in oklch, var(--color-black) 18%, transparent);
    --admin-shell-mobile-subnav-active-shadow: 8px 0 16px color-mix(in oklch, var(--color-black) 12%, transparent);
    --admin-shell-subnav-active-bg: color-mix(in oklch, var(--color-primary-500) 10%, var(--color-bg-primary));
    --admin-shell-subnav-active-border: color-mix(in oklch, var(--color-primary-500) 30%, var(--color-border-primary));
    --admin-shell-breadcrumb-hover-bg: color-mix(in oklch, var(--color-primary-600) 6%, transparent);
    --admin-shell-breadcrumb-focus-bg: color-mix(in oklch, var(--color-primary-600) 8%, transparent);

    /* Analytics Search / KPI Shell */
    --color-analytics-shell-bg:      color-mix(in oklch, var(--admin-surface, #ffffff) 96%, var(--color-primary-500) 4%);
    --color-analytics-shell-inner-bg: color-mix(in oklch, var(--admin-surface, #ffffff) 98%, var(--color-primary-500) 2%);
    --color-analytics-shell-border:  color-mix(in oklch, var(--color-gray-400) 18%, transparent);

    /* ═══════════════════════════════════════════
       8. OVERLAY & BACKDROP
       ═══════════════════════════════════════════ */
    --color-overlay-light: rgb(0 0 0 / 50%);
    --color-backdrop: rgb(0 0 0 / 40%);
    --color-overlay-loader: rgb(15 23 42 / 88%);

    /* ═══════════════════════════════════════════
       9. ALPHA COLORS
       ═══════════════════════════════════════════ */
    --color-white-alpha-05: rgb(255 255 255 / 5%);
    --color-white-alpha-06: rgb(255 255 255 / 6%);
    --color-white-alpha-08: rgb(255 255 255 / 8%);
    --color-white-alpha-10: rgb(255 255 255 / 10%);
    --color-white-alpha-12: rgb(255 255 255 / 12%);
    --color-white-alpha-15: rgb(255 255 255 / 15%);
    --color-white-alpha-20: rgb(255 255 255 / 20%);
    --color-white-alpha-25: rgb(255 255 255 / 25%);
    --color-white-alpha-30: rgb(255 255 255 / 30%);
    --color-white-alpha-80: rgb(255 255 255 / 80%);
    --color-black-alpha-03: rgb(0 0 0 / 3%);
    --color-black-alpha-035: rgb(0 0 0 / 3.5%);
    --color-black-alpha-04: rgb(0 0 0 / 4%);
    --color-black-alpha-045: rgb(0 0 0 / 4.5%);
    --color-black-alpha-05: rgb(0 0 0 / 5%);
    --color-black-alpha-07: rgb(0 0 0 / 7%);
    --color-black-alpha-10: rgb(0 0 0 / 10%);
    --color-black-alpha-15: rgb(0 0 0 / 15%);
    --color-black-alpha-18: rgb(0 0 0 / 18%);
    --color-black-alpha-20: rgb(0 0 0 / 20%);
    --color-black-alpha-25: rgb(0 0 0 / 25%);
    --color-black-alpha-30: rgb(0 0 0 / 30%);
    --color-black-alpha-35: rgb(0 0 0 / 35%);
    --color-black-alpha-36: rgb(0 0 0 / 36%);
    --color-black-alpha-60: rgb(0 0 0 / 60%);
    --color-black-alpha-88: rgb(0 0 0 / 88%);

    /* ═══════════════════════════════════════════
       10. STATUS SOFT STYLES
       ═══════════════════════════════════════════ */
    --color-status-info-soft-bg: oklch(95% 0.03 257deg);
    --color-status-info-soft-text: var(--cyan-700);
    --color-status-info-soft-border: oklch(88% 0.05 257deg);
    /* bet KPI card 전용 (cyan hue 212 정체성 보존) — P2-5 2026-05-12 */
    /* Light 기본값 — Dark override 는 themes/dark/theme.css ([data-theme="dark"] 코드베이스 표준 패턴) */
    --color-info-cyan-soft-bg: var(--cyan-50);
    --color-info-cyan-soft-border: oklch(85% 0.06 212deg);
    --color-status-purple-soft-bg: oklch(95% 0.03 292deg);
    --color-status-purple-soft-text: oklch(52% 0.18 292deg);
    --color-status-purple-soft-border: oklch(85% 0.07 292deg);
    --color-status-success-soft-bg: oklch(95% 0.04 147deg);
    --color-status-success-soft-text: oklch(50% 0.12 147deg);
    --color-status-success-soft-border: oklch(85% 0.07 147deg);
    --color-status-danger-soft-bg: var(--color-danger-50);
    --color-status-danger-soft-text: var(--color-danger-600);
    --color-status-danger-soft-border: var(--color-danger-100);
    --color-status-warning-soft-bg: oklch(95% 0.05 70deg);
    --color-status-warning-soft-text: oklch(52% 0.12 55deg);
    --color-status-warning-soft-border: oklch(88% 0.07 70deg);
    --color-status-neutral-soft-bg: var(--color-gray-50);

    /* ═══════════════════════════════════════════
       11. BADGE COLORS
       ═══════════════════════════════════════════ */
    --color-badge-pink: oklch(85% 0.08 350deg);
    --color-badge-red: oklch(45% 0.25 25deg);
    --color-badge-orange: oklch(78% 0.15 65deg);
    --color-badge-green: var(--green-600);
    --color-badge-skyblue: oklch(78% 0.10 240deg);
    --color-badge-purple: oklch(40% 0.20 320deg);
    --color-badge-gray: var(--neutral-600);
    --color-badge-lightgreen: oklch(88% 0.12 147deg);
    --color-badge-yellow: oklch(88% 0.15 90deg);
    --color-badge-darkblue: oklch(30% 0.15 260deg);
    --color-badge-brown: oklch(45% 0.12 30deg);

    /* Template chip light palette source.
       Components expose --template-chip-* aliases; raw palette decisions stay in token layer. */
    --template-chip-light-01-bg: #eff6ff;
    --template-chip-light-01-border: #93c5fd;
    --template-chip-light-01-text: #1d4ed8;
    --template-chip-light-02-bg: #fef2f2;
    --template-chip-light-02-border: #fca5a5;
    --template-chip-light-02-text: #b91c1c;
    --template-chip-light-03-bg: #f0fdf4;
    --template-chip-light-03-border: #86efac;
    --template-chip-light-03-text: #15803d;
    --template-chip-light-04-bg: #fffbeb;
    --template-chip-light-04-border: #fcd34d;
    --template-chip-light-04-text: #a16207;
    --template-chip-light-05-bg: #faf5ff;
    --template-chip-light-05-border: #c4b5fd;
    --template-chip-light-05-text: #7c3aed;
    --template-chip-light-06-bg: #ecfdf5;
    --template-chip-light-06-border: #6ee7b7;
    --template-chip-light-06-text: #047857;
    --template-chip-light-07-bg: #fff1f2;
    --template-chip-light-07-border: #fda4af;
    --template-chip-light-07-text: #be123c;
    --template-chip-light-08-bg: #fef9c3;
    --template-chip-light-08-border: #fde047;
    --template-chip-light-08-text: #854d0e;
    --template-chip-light-09-bg: #f0f9ff;
    --template-chip-light-09-border: #7dd3fc;
    --template-chip-light-09-text: #0369a1;
    --template-chip-light-10-bg: #fdf2f8;
    --template-chip-light-10-border: #f9a8d4;
    --template-chip-light-10-text: #9d174d;
    --template-chip-light-11-bg: #f5f3ff;
    --template-chip-light-11-border: #a78bfa;
    --template-chip-light-11-text: #6d28d9;
    --template-chip-light-12-bg: #fff7ed;
    --template-chip-light-12-border: #fdba74;
    --template-chip-light-12-text: #c2410c;
    --template-chip-light-13-bg: #f0fdfa;
    --template-chip-light-13-border: #5eead4;
    --template-chip-light-13-text: #0f766e;
    --template-chip-light-14-bg: #eef2ff;
    --template-chip-light-14-border: #a5b4fc;
    --template-chip-light-14-text: #4338ca;
    --template-chip-light-15-bg: #fefce8;
    --template-chip-light-15-border: #bef264;
    --template-chip-light-15-text: #4d7c0f;
    --template-chip-light-16-bg: #f8fafc;
    --template-chip-light-16-border: #94a3b8;
    --template-chip-light-16-text: #475569;

    /* Member color system: ID/nickname markers and color-picker swatches.
       Keep this separate from status badges so color names retain their literal meaning. */
    --member-marker-black: #111827;
    --member-marker-pink: #d63384;
    --member-marker-red: #dc3545;
    --member-marker-orange: #f76707;
    --member-marker-green: #2f9e44;
    --member-marker-white: #f8fafc;
    --member-marker-blue: #0ea5e9;
    --member-marker-purple: #7c3aed;
    --member-marker-peach: #fb923c;
    --member-marker-gray: #6c757d;
    --member-marker-lightgreen: #74b816;
    --member-marker-yellow: #f59f00;
    --member-marker-darkblue: #1d4ed8;
    --member-marker-brown: #8b5e34;
    --member-color-cell-rail-strength: 52%;
    --member-color-cell-surface-strength: 10%;
    --member-color-cell-state-strength: 12%;
    --member-color-control-surface-strength: 8%;
    --member-color-option-surface-strength: 14%;
    --member-color-option-active-strength: 24%;
    --ds-member-identity-level-bg: rgb(244 246 250 / 1);
    --ds-member-identity-level-border: rgb(206 210 215 / 1);
    --ds-member-identity-level-text: var(--color-gray-700);
    --ds-member-identity-level-highlight: rgb(255 255 255 / 0.54902);
    --ds-member-identity-memo-bg: rgb(253 237 204 / 1);
    --ds-member-identity-memo-border: rgb(247 213 137 / 1);
    --ds-member-identity-memo-text: var(--badge-warning-text, var(--state-warning-soft-text, var(--color-warning-900)));
    --ds-member-identity-memo-rail: var(--badge-warning-rail, var(--badge-warning-border, var(--state-warning-soft-border, var(--color-warning-500))));
    --ds-member-identity-memo-icon-bg: rgb(249 235 206 / 1);
    --ds-member-identity-memo-icon-text: var(--badge-warning-text, var(--state-warning-soft-text, var(--color-warning-900)));
    --ds-member-identity-personal-bg: var(--badge-success-bg, var(--state-success-soft-bg, var(--color-success-50)));
    --ds-member-identity-personal-border: var(--badge-success-border, var(--state-success-soft-border, var(--color-success-300)));
    --ds-member-identity-personal-text: var(--badge-success-text, var(--state-success-soft-text, var(--color-success-800)));
    --ds-member-identity-personal-rail: var(--badge-success-rail, var(--badge-success-border, var(--state-success-soft-border, var(--color-success-500))));
    --ds-member-identity-partner-border: rgb(157 197 241 / 1);
    --ds-member-identity-partner-bg: rgb(228 240 255 / 1);
    --ds-member-identity-partner-text: var(--color-primary-700);
    --ds-member-identity-grade-border: rgb(168 205 215 / 1);
    --ds-member-identity-grade-bg: rgb(234 242 251 / 1);
    --ds-member-identity-grade-text: var(--color-info-700);
    --ds-member-identity-partner-memo-border: rgb(10 88 179 / 0.419608);
    --ds-member-identity-partner-memo-bg: rgb(68 149 255 / 0.160784);
    --ds-member-identity-partner-memo-text: initial /* undef-token neutralized */;

    /* Member detail color semantics.
       Page CSS keeps compatibility aliases; visual recipes live in token source. */
    --ds-member-info-color-pink-bg: rgb(255 223 222 / 1);
    --ds-member-info-color-orange-bg: rgb(255 222 154 / 1);
    --ds-member-info-color-blue-bg: rgb(196 232 239 / 1);
    --ds-member-info-color-purple-bg: rgb(138 143 216 / 1);
    --ds-member-info-color-peach-bg: rgb(255 233 206 / 1);
    --ds-member-info-color-lightgreen-bg: rgb(148 215 155 / 1);
    --ds-member-info-color-yellow-bg: rgb(248 225 179 / 1);
    --ds-member-info-color-darkblue-bg: rgb(18 80 149 / 1);
    --ds-member-info-color-brown-bg: rgb(210 83 41 / 1);
    --ds-member-info-swatch-black-bg: var(--member-marker-black);
    --ds-member-info-swatch-black-fg: var(--color-white);
    --ds-member-info-swatch-pink-bg: var(--template-chip-light-10-border);
    --ds-member-info-swatch-pink-fg: var(--color-gray-900);
    --ds-member-info-swatch-red-bg: var(--member-marker-red);
    --ds-member-info-swatch-red-fg: var(--color-white);
    --ds-member-info-swatch-orange-bg: var(--template-chip-light-12-border);
    --ds-member-info-swatch-orange-fg: var(--color-gray-900);
    --ds-member-info-swatch-green-bg: var(--member-marker-green);
    --ds-member-info-swatch-green-fg: var(--color-white);
    --ds-member-info-swatch-white-bg: var(--member-marker-white);
    --ds-member-info-swatch-white-fg: var(--color-gray-900);
    --ds-member-info-swatch-blue-bg: var(--template-chip-light-09-border);
    --ds-member-info-swatch-blue-fg: var(--color-gray-900);
    --ds-member-info-swatch-purple-bg: var(--member-marker-purple);
    --ds-member-info-swatch-purple-fg: var(--color-white);
    --ds-member-info-swatch-peach-bg: var(--template-chip-light-08-border);
    --ds-member-info-swatch-peach-fg: var(--color-gray-900);
    --ds-member-info-swatch-gray-bg: var(--member-marker-gray);
    --ds-member-info-swatch-gray-fg: var(--color-white);
    --ds-member-info-swatch-lightgreen-bg: var(--template-chip-light-15-border);
    --ds-member-info-swatch-lightgreen-fg: var(--color-success-800);
    --ds-member-info-swatch-yellow-bg: var(--template-chip-light-04-border);
    --ds-member-info-swatch-yellow-fg: var(--color-gray-900);
    --ds-member-info-swatch-darkblue-bg: var(--member-marker-darkblue);
    --ds-member-info-swatch-darkblue-fg: var(--color-white);
    --ds-member-info-swatch-brown-bg: var(--member-marker-brown);
    --ds-member-info-swatch-brown-fg: var(--color-white);
    --ds-member-detail-section-header-bg: rgb(243 248 255 / 1);
    --ds-member-detail-field-focus-ring: var(--shadow-focus);
    --ds-member-detail-state-caution-bg: var(--state-warning-soft-bg);
    --ds-member-detail-state-caution-border: var(--state-warning-soft-border);
    --ds-member-detail-state-caution-text: var(--state-warning-soft-text);
    --ds-member-detail-state-caution-rail: var(--ds-member-detail-state-caution-border);
    --ds-member-detail-state-danger-bg: var(--state-danger-soft-bg);
    --ds-member-detail-state-danger-border: var(--state-danger-soft-border);
    --ds-member-detail-state-danger-text: var(--state-danger-soft-text);
    --ds-member-detail-state-danger-rail: var(--ds-member-detail-state-danger-border);
    --ds-member-detail-selection-border: rgb(184 209 234 / 1);
    --ds-member-detail-soft-panel-bg: rgb(243 248 255 / 1);
    --ds-member-detail-soft-panel-border: rgb(201 217 234 / 1);
    --ds-member-detail-faint-panel-bg: rgb(249 251 254 / 1);
    --ds-member-detail-muted-panel-bg: rgb(247 249 252 / 1);
    --ds-member-detail-neutral-border: rgb(222 226 231 / 0.819608);
    --ds-member-detail-header-border: rgb(222 226 229 / 0.780392);
    --ds-member-detail-divider-border: rgb(189 212 236 / 1);
    --ds-member-detail-section-border: rgb(173 205 238 / 1);
    --ds-member-detail-section-border-bottom: rgb(177 207 238 / 1);
    --ds-member-detail-section-bg: rgb(228 240 255 / 1);
    --ds-member-detail-section-icon-bg: rgb(210 230 255 / 1);
    --ds-member-detail-control-border: rgb(222 226 230 / 0.839216);
    --ds-member-detail-control-selected-border: rgb(114 175 247 / 1);
    --ds-member-detail-control-selected-bg: rgb(223 238 255 / 1);
    --ds-member-personal-option-muted-accent: rgb(87 95 103 / 1);
    --ds-member-personal-option-info-rail: rgb(56 108 160 / 1);
    --ds-member-personal-option-caution-rail: var(--data-caution-indicator, color-mix(in srgb, var(--ds-text-muted, var(--color-text-secondary)) 94%, var(--data-caution, var(--color-warning-400)) 6%));
    --ds-member-personal-option-active-border: rgb(212 219 226 / 1);
    --ds-member-personal-tab-hover-bg: rgb(0 125 251 / 0.078431);
    --ds-member-personal-source-personal-bg: rgb(223 238 255 / 1);
    --ds-member-personal-source-boundary-border: rgb(100 124 148 / 1);
    --ds-member-personal-source-personal-border: var(--ds-member-personal-source-boundary-border);
    --ds-member-personal-source-group-bg: rgb(231 249 255 / 1);
    --ds-member-personal-source-group-border: var(--ds-member-personal-source-boundary-border);
    --ds-member-personal-source-system-bg: rgb(243 246 250 / 1);
    --ds-member-personal-source-system-border: var(--ds-member-personal-source-boundary-border);
    --ds-member-personal-source-personal-hover-bg: rgb(210 230 255 / 1);
    --ds-member-personal-source-personal-hover-border: rgb(134 170 210 / 1);
    --ds-member-personal-source-personal-hover-ring: 0 0 0 2px color-mix(in oklch, var(--color-primary-500) 12%, transparent);
    --ds-member-personal-source-legend-bg: rgb(242 247 253 / 1);
    --ds-member-personal-source-legend-border: rgb(193 214 235 / 1);
    --ds-member-personal-boundary-border: rgb(116 141 167 / 1);
    --ds-member-personal-separator-border: var(--color-border-primary);
    --ds-member-personal-active-border: rgb(83 126 173 / 1);
    --ds-member-personal-option-border: var(--ds-member-personal-boundary-border);
    --ds-member-personal-option-shell-bg: rgb(246 249 253 / 1);
    --ds-member-personal-option-hero-icon-border: var(--ds-member-personal-boundary-border);
    --ds-member-personal-option-legend-item-bg: rgb(242 246 252 / 1);
    --ds-member-personal-option-subtab-group-border: var(--ds-member-personal-boundary-border);
    --ds-member-personal-option-subtab-group-bg: rgb(244 247 252 / 1);
    --ds-member-personal-option-subtab-label-bg: rgb(190 204 219 / 1);
    --ds-member-personal-option-subtab-border: var(--ds-member-personal-boundary-border);
    --ds-member-personal-option-subtab-active-bg: rgb(222 231 242 / 1);
    --ds-member-personal-option-subtab-active-border: var(--ds-member-personal-active-border);
    --ds-member-personal-option-subtab-active-text: rgb(50 87 124 / 1);
    --ds-member-personal-control-border: var(--ds-member-personal-boundary-border);
    --ds-member-personal-control-radio-hover-border: rgb(54 108 158 / 0.258824);
    --ds-member-personal-control-radio-hover-bg: rgb(51 102 153 / 0.058824);
    --ds-member-personal-control-radio-checked-border: var(--ds-member-personal-active-border);
    --ds-member-personal-control-radio-checked-text: rgb(51 90 129 / 1);
    --ds-member-personal-control-radio-checked-ring: inset 0 0 0 1px color-mix(in oklch, var(--member-personal-control-accent, var(--data-info-indicator, var(--color-primary-500))) 10%, transparent);
    --ds-member-personal-control-switch-border: rgb(175 180 186 / 0.360784);
    --ds-member-personal-control-switch-checked-border: rgb(56 108 160 / 0.619608);
    --ds-member-personal-control-switch-checked-ring: inset 0 0 0 1px color-mix(in oklch, var(--member-personal-control-accent, var(--data-info-indicator, var(--color-primary-500))) 18%, transparent);
    --ds-member-personal-control-focus-ring: 0 0 0 2px color-mix(in srgb, var(--ds-accent-active-border, var(--color-primary-400)) 18%, transparent);
    --ds-member-personal-interaction-border-subtle: rgb(10 85 180 / 0.2);
    --ds-member-personal-interaction-border-soft: rgb(8 88 180 / 0.239216);
    --ds-member-personal-interaction-border-medium: rgb(10 86 179 / 0.301961);
    --ds-member-personal-interaction-border-chip: rgb(9 88 179 / 0.341176);
    --ds-member-personal-interaction-border-strong: rgb(10 88 179 / 0.419608);
    --ds-member-personal-interaction-border-focus: rgb(10 88 178 / 0.478431);
    --ds-member-personal-interaction-border-focus-strong: rgb(10 86 178 / 0.521569);
    --ds-member-personal-interaction-surface-faint: rgb(17 85 170 / 0.058824);
    --ds-member-personal-interaction-surface-soft: rgb(13 89 178 / 0.078431);
    --ds-member-personal-interaction-surface-medium: rgb(8 90 181 / 0.121569);
    --ds-member-personal-interaction-ring-compact: 0 0 0 1px color-mix(in oklch, var(--color-primary-600) 14%, transparent);
    --ds-member-personal-interaction-ring-faint: 0 0 0 2px color-mix(in oklch, var(--color-primary-600) 12%, transparent);
    --ds-member-personal-interaction-ring-faint-strong: 0 0 0 2px color-mix(in oklch, var(--color-primary-600) 18%, transparent);
    --ds-member-personal-interaction-ring-subtle: 0 0 0 3px color-mix(in oklch, var(--color-primary-600) 12%, transparent);
    --ds-member-personal-interaction-ring-focus: 0 0 0 3px color-mix(in oklch, var(--color-primary-600) 16%, transparent);
    --ds-member-personal-interaction-ring-strong: 0 0 0 3px color-mix(in oklch, var(--color-primary-600) 18%, transparent);
    --ds-member-personal-interaction-inset-faint: inset 0 0 0 1px color-mix(in oklch, var(--color-primary-600) 8%, transparent);
    --ds-member-personal-interaction-inset-soft: inset 0 0 0 1px color-mix(in oklch, var(--color-primary-600) 10%, transparent);
    --ds-member-personal-interaction-inset-subtle: inset 0 0 0 1px color-mix(in oklch, var(--color-primary-600) 12%, transparent);
    --ds-member-personal-interaction-inset-focus: inset 0 0 0 1px color-mix(in oklch, var(--color-primary-600) 14%, transparent);
    --ds-member-personal-interaction-switch-focus-ring: var(--ds-member-personal-interaction-ring-focus), var(--ds-member-personal-interaction-inset-focus);
    --ds-member-personal-interaction-order-focus-ring: var(--ds-member-personal-interaction-ring-focus), var(--ds-member-personal-interaction-inset-soft);
    --ds-member-popup-boundary-border: rgb(116 141 167 / 1);
    --ds-member-popup-separator-border: var(--color-border-primary);
    --ds-member-popup-active-border: rgb(83 126 173 / 1);
    --ds-member-popup-border: var(--ds-member-popup-boundary-border);
    --ds-member-popup-header-bg: rgb(242 246 252 / 1);
    --ds-member-popup-icon-border: var(--ds-member-popup-boundary-border);
    --ds-member-popup-meta-strong-text: rgb(49 84 119 / 1);
    --ds-member-popup-body-bg: rgb(246 249 253 / 1);
    --ds-member-popup-primary-border: var(--ds-member-popup-active-border);
    --ds-member-popup-primary-hover-border: var(--ds-member-popup-active-border);
    --ds-member-popup-primary-hover-bg: rgb(47 93 139 / 1);
    --ds-member-popup-card-state-border: var(--ds-member-popup-active-border);
    --ds-member-popup-card-state-bg: rgb(238 243 250 / 1);
    --ds-member-popup-card-state-ring: 0 0 0 2px color-mix(in oklch, var(--member-popup-accent, var(--data-info-indicator, var(--color-primary-500))) 14%, transparent);
    --ds-member-popup-card-selected-title: rgb(49 86 122 / 1);
    --ds-member-popup-info-border: var(--ds-member-popup-separator-border);
    --ds-member-popup-info-bg: rgb(244 247 252 / 1);
    --ds-member-popup-source-link-border: var(--ds-member-popup-active-border);
    --ds-member-popup-source-link-bg: rgb(238 243 250 / 1);
    --ds-member-popup-source-link-text: rgb(51 90 129 / 1);
    --ds-member-popup-actions-bg: rgb(242 246 252 / 1);
    --ds-member-popup-focus-ring: 0 0 0 1px color-mix(in srgb, var(--member-popup-accent-border, var(--member-popup-accent, var(--data-info-indicator, var(--color-primary-500)))) 64%, transparent);
    --ds-member-popup-page-source-shell-border: rgb(174 181 185 / 0.819608);
    --ds-member-popup-page-source-shell-bg: initial /* undef-token neutralized */;
    --ds-member-popup-page-source-icon-hover-bg: rgb(213 229 251 / 1);
    --ds-member-popup-page-source-icon-hover-border: rgb(149 193 242 / 1);
    --ds-member-popup-page-source-icon-focus-ring: 0 0 0 3px color-mix(in oklch, var(--color-primary-500) 18%, transparent);
    --ds-member-popup-page-source-action-separator-border: rgb(222 226 230 / 0.85098);
    --ds-member-popup-page-source-level-hover-bg: rgb(221 233 251 / 1);
    --ds-member-popup-page-source-level-checked-bg: rgb(213 229 251 / 1);
    --ds-member-popup-page-source-active-rail-fallback: rgb(87 95 103 / 1);
    --ds-member-popup-page-source-caution-rail-fallback: rgb(99 98 94 / 1);
    --ds-member-popup-page-source-danger-rail-fallback: rgb(98 89 95 / 1);
    --ds-member-popup-page-source-active-border: rgb(194 203 214 / 1);
    --ds-member-popup-page-source-caution-border: rgb(205 206 203 / 1);
    --ds-member-popup-page-source-danger-border: rgb(205 198 202 / 1);
    /* theme-axis 라이트 복원(P5c) */
    --admin-bg-hover: var(--color-bg-secondary);
    --admin-border: var(--color-border-primary);
    --admin-surface-subtle: var(--color-surface-variant);
    --admin-text-muted: var(--color-text-secondary);
    --admin-text-strong: var(--color-text-primary);
    --badge-primary-bg: var(--color-primary-50);
    --badge-primary-border: var(--color-primary-200);
    --badge-primary-text: var(--color-primary-700);
    --badge-warning-bg: var(--color-warning-100);
    --badge-warning-border: var(--color-warning-300);
    --badge-warning-text: var(--color-warning-900);
    --color-background: var(--color-bg-primary);
    --color-bg-tertiary: var(--color-bg-secondary);
    --color-blue-100: var(--blue-100);
    --color-blue-500: var(--blue-500);
    --color-blue-700: var(--blue-700);
    --color-border-strong: var(--color-gray-500);
    --color-green-100: var(--green-100);
    --color-green-500: var(--green-500);
    --color-green-700: var(--green-700);
    --color-pink-50: var(--pink-50);
    --color-success-100: var(--green-100);
    --color-success-200: var(--green-200);
    --color-success-900: var(--green-900);
    --color-text-muted: var(--color-text-secondary);
    --data-table-row-hover-bg: var(--color-bg-secondary);
    --ds-panel-border: var(--color-border-primary);
    --overlay-scrim-soft: oklch(10% 0.01 257deg / 12%);
    --overlay-scrim-soft-bg: var(--overlay-scrim-soft);
    --sport-state-active-border: var(--color-primary-300);
    --sport-state-info-indicator: var(--color-info-500);
    --state-danger-fill-bg: var(--color-danger-600);
    --state-danger-fill-border: var(--color-danger-600);
    --state-danger-soft-bg: var(--color-danger-50);
    --state-danger-soft-border: var(--color-danger-200);
    --state-info-soft-bg: var(--color-info-50);
    --state-neutral-soft-bg: var(--color-gray-100);
    --state-neutral-soft-border: var(--color-gray-300);
    --state-neutral-soft-text: var(--color-gray-700);
    --state-success-fill-bg: var(--color-success-700);
    --state-success-fill-bg-hover: var(--color-success-800);
    --state-success-fill-border: var(--color-success-700);
    --state-warning-soft-bg: var(--color-warning-100);
    --state-warning-soft-border: var(--color-warning-300);
    --ds-member-order-boundary-border: rgb(116 141 167 / 1);
    --ds-member-order-separator-border: var(--color-border-primary);
    --ds-member-order-active-border: rgb(83 126 173 / 1);
    --ds-member-order-surface: rgb(246 249 253 / 1);
    --ds-member-order-header-bg: linear-gradient(90deg, color-mix(in oklch, var(--member-order-accent-soft, var(--member-detail-state-info-bg, var(--ds-member-detail-soft-panel-bg, var(--color-bg-secondary)))) 74%, var(--color-bg-primary) 26%), var(--color-bg-primary) 76%);
    --ds-member-order-icon-border: var(--ds-member-order-boundary-border);
    --ds-member-order-item-shadow: 0 1px 0 color-mix(in oklch, var(--member-order-border, var(--ds-member-detail-section-border, var(--color-border-primary))) 55%, transparent);
    --ds-member-order-item-state-border: var(--ds-member-order-active-border);
    --ds-member-order-item-state-bg: rgb(240 244 251 / 1);
    --ds-member-order-item-state-ring: 0 0 0 2px color-mix(in oklch, var(--member-order-accent, var(--data-info-indicator, var(--color-primary-500))) 14%, transparent);
    --ds-member-order-label-text: rgb(70 104 138 / 1);
    --ds-member-order-badge-border: rgb(142 179 218 / 1);
    --ds-member-order-badge-text: rgb(51 92 132 / 1);
    --ds-member-order-control-state-border: var(--ds-member-order-active-border);
    --ds-member-order-control-state-text: rgb(52 95 137 / 1);
    --ds-member-order-control-state-ring: 0 0 0 2px color-mix(in oklch, var(--member-order-accent, var(--data-info-indicator, var(--color-primary-500))) 16%, transparent);
    --ds-member-order-control-danger-bg: rgb(232 238 255 / 1);
    --ds-member-order-disabled-bg: rgb(248 250 253 / 1);
    --ds-member-order-empty-border: var(--ds-member-order-boundary-border);
    --ds-member-order-empty-bg: rgb(238 243 250 / 1);
    --ds-member-order-empty-icon-text: rgb(67 105 143 / 1);
    --ds-member-order-info-rail: rgb(100 144 189 / 1);
    --ds-member-order-info-bg: rgb(242 246 252 / 1);
    --ds-member-order-input-border: var(--ds-member-order-boundary-border);
    --ds-member-order-input-focus-border: var(--ds-member-order-active-border);
    --ds-member-order-input-focus-ring: 0 0 0 3px color-mix(in oklch, var(--member-order-accent, var(--data-info-indicator, var(--color-primary-500))) 16%, transparent);
    --ds-member-order-thumb-shadow: 0 1px 0 color-mix(in oklch, var(--member-order-border, var(--ds-member-detail-section-border, var(--color-border-primary))) 58%, transparent);
    --ds-member-order-thumb-img-border: var(--ds-member-order-boundary-border);
    --ds-member-order-primary-border: var(--ds-member-order-active-border);
    --ds-member-order-primary-hover-border: var(--ds-member-order-active-border);
    --ds-member-order-primary-hover-bg: rgb(47 93 139 / 1);
    --ds-member-order-primary-hover-ring: 0 0 0 3px color-mix(in oklch, var(--member-order-accent, var(--data-info-indicator, var(--color-primary-500))) 18%, transparent);
    --ds-member-order-cancel-hover-border: var(--ds-member-order-active-border);
    --ds-member-order-cancel-hover-text: rgb(51 90 129 / 1);
    --ds-member-order-accent-rail: rgb(87 95 103 / 1);
    --ds-member-order-danger-indicator: rgb(201 33 50 / 1);
    --ds-dragdrop-order-source-item-state-bg: rgb(236 245 255 / 1);
    --ds-dragdrop-order-source-dark-item-state-bg: rgb(228 240 255 / 1);
    --ds-popup-section-header-source-info-bg: rgb(224 238 252 / 1);
    --ds-popup-section-header-source-dark-info-bg: rgb(218 232 251 / 1);
    --ds-manual-result-source-status-chip-border: rgb(216 220 225 / 1);
    --ds-member-recommend-card-bg: rgb(245 249 254 / 1);
    --ds-member-recommend-focus-ring: rgb(0 120 255 / 0.141176);
    --ds-member-status-neutral-accent: var(--color-gray-500);
    --ds-member-status-neutral-bg: rgb(243 245 249 / 1);
    --ds-member-status-neutral-border: rgb(208 212 217 / 1);
    --ds-member-status-neutral-text: var(--color-gray-700);
    --ds-member-status-success-accent: var(--color-success-500);
    --ds-member-status-success-bg: rgb(226 241 255 / 1);
    --ds-member-status-success-border: rgb(145 207 221 / 1);
    --ds-member-status-success-text: var(--color-success-700);
    --ds-member-status-warning-accent: var(--color-warning-500);
    --ds-member-status-warning-bg: rgb(225 249 255 / 1);
    --ds-member-status-warning-border: rgb(167 232 226 / 1);
    --ds-member-status-warning-text: var(--color-warning-700);
    --ds-member-status-danger-accent: var(--color-danger-500);
    --ds-member-status-danger-bg: rgb(232 238 255 / 1);
    --ds-member-status-danger-border: rgb(191 182 233 / 1);
    --ds-member-status-danger-text: var(--color-danger-700);
    --ds-member-feedback-info-accent: var(--color-info-500);
    --ds-member-feedback-info-bg: rgb(238 245 253 / 1);
    --ds-member-feedback-info-border: rgb(188 209 225 / 1);
    --ds-member-feedback-info-text: var(--color-text-secondary);
    --ds-member-feedback-success-accent: var(--color-success-600);
    --ds-member-feedback-success-bg: rgb(233 244 255 / 1);
    --ds-member-feedback-success-border: rgb(161 210 226 / 1);
    --ds-member-feedback-success-text: var(--color-success-700);
    --ds-member-feedback-danger-accent: var(--color-danger-600);
    --ds-member-feedback-danger-bg: rgb(235 241 255 / 1);
    --ds-member-feedback-danger-border: rgb(191 188 235 / 1);
    --ds-member-feedback-danger-text: var(--color-danger-700);
    --ds-member-action-secondary-bg: rgb(249 251 254 / 1);
    --ds-member-action-secondary-border: var(--color-gray-300);
    --ds-member-action-secondary-text: var(--color-text-primary);
    --ds-member-action-danger-bg: rgb(238 244 255 / 1);
    --ds-member-action-danger-border: rgb(191 185 234 / 1);
    --ds-member-action-danger-text: var(--color-danger-700);
    --ds-member-funds-summary-bg: rgb(20 78 177 / 0.05098);
    --ds-member-funds-summary-border: rgb(12 87 180 / 0.160784);
    --ds-member-funds-chip-hover-bg: rgb(0 77 179 / 0.039216);
    --ds-member-funds-chip-hover-border: rgb(11 86 180 / 0.278431);
    --ds-member-funds-chip-active-bg: rgb(10 88 177 / 0.101961);
    --ds-member-funds-chip-focus-bg: rgb(13 89 178 / 0.078431);
    --ds-member-funds-chip-focus-border: rgb(10 88 177 / 0.501961);
    --ds-member-funds-chip-focus-ring: 0 0 0 3px color-mix(in oklch, var(--color-primary-600) 16%, transparent), inset 0 0 0 1px color-mix(in oklch, var(--color-primary-600) 10%, transparent);
    --ds-member-account-history-bg: rgb(241 247 255 / 1);
    --ds-member-account-count-bg: rgb(230 241 255 / 1);
    --ds-member-account-count-border: rgb(173 205 238 / 1);
    --ds-member-account-current-border: rgb(222 226 230 / 0.760784);
    --ds-member-account-item-border: rgb(222 226 229 / 0.780392);
    --ds-member-account-item-bg: rgb(248 250 254 / 1);
    --ds-member-account-value-old-bg: rgb(243 246 250 / 1);
    --ds-member-account-value-new-bg: rgb(228 240 255 / 1);
    --ds-member-detail-money-quiet-label: var(--color-text-secondary);
    --ds-member-detail-money-link-bg: var(--ds-member-detail-faint-panel-bg);
    --ds-member-tab-focus-ring: rgb(0 122 255 / 0.180392);
    --ds-member-detail-table-clip-bg: rgb(0 122 255 / 0.419608);
    --ds-member-detail-scrollbar-thumb: rgb(0 122 255 / 0.419608);
    --ds-member-detail-scroll-shadow-top: color-mix(in oklch, var(--color-text-primary) 18%, transparent);
    --ds-member-detail-scroll-shadow-bottom: color-mix(in oklch, var(--color-text-primary) 16%, transparent);
    --ds-member-tab-active-glow: 0 0 12px color-mix(in oklch, var(--color-primary-500) 18%, transparent);
    --ds-member-tab-hover-bg: rgb(0 125 251 / 0.078431);
    --ds-member-tab-active-bg: rgb(228 240 255 / 1);
    --ds-member-memo-value-text: rgb(41 52 63 / 1);
    --ds-member-color-option-surface: var(--form-control-bg, var(--color-bg-primary));
    --ds-member-color-option-row-bg: rgb(243 246 249 / 1);
    --ds-member-color-option-row-active-bg: rgb(238 241 245 / 1);
    --ds-member-color-option-row-bg-black: rgb(217 220 225 / 1);
    --ds-member-color-option-row-active-bg-black: rgb(194 197 203 / 1);
    --ds-member-color-option-row-bg-pink: rgb(245 224 238 / 1);
    --ds-member-color-option-row-active-bg-pink: rgb(241 204 226 / 1);
    --ds-member-color-option-row-bg-red: rgb(245 224 229 / 1);
    --ds-member-color-option-row-active-bg-red: rgb(242 204 211 / 1);
    --ds-member-color-option-row-bg-orange: rgb(249 231 220 / 1);
    --ds-member-color-option-row-active-bg-orange: rgb(249 216 196 / 1);
    --ds-member-color-option-row-bg-green: rgb(221 239 229 / 1);
    --ds-member-color-option-row-active-bg-green: rgb(201 229 210 / 1);
    --ds-member-color-option-row-bg-white: rgb(249 252 255 / 1);
    --ds-member-color-option-row-active-bg-white: rgb(249 251 254 / 1);
    --ds-member-color-option-row-bg-blue: rgb(217 240 252 / 1);
    --ds-member-color-option-row-active-bg-blue: rgb(193 231 250 / 1);
    --ds-member-color-option-row-bg-purple: rgb(232 225 253 / 1);
    --ds-member-color-option-row-active-bg-purple: rgb(219 205 251 / 1);
    --ds-member-color-option-row-bg-peach: rgb(250 237 228 / 1);
    --ds-member-color-option-row-active-bg-peach: rgb(250 227 208 / 1);
    --ds-member-color-option-row-bg-gray: rgb(230 233 237 / 1);
    --ds-member-color-option-row-active-bg-gray: rgb(216 220 224 / 1);
    --ds-member-color-option-row-bg-lightgreen: rgb(231 242 223 / 1);
    --ds-member-color-option-row-active-bg-lightgreen: rgb(218 236 199 / 1);
    --ds-member-color-option-row-bg-yellow: rgb(249 239 219 / 1);
    --ds-member-color-option-row-active-bg-yellow: rgb(248 230 194 / 1);
    --ds-member-color-option-row-bg-darkblue: rgb(219 228 250 / 1);
    --ds-member-color-option-row-active-bg-darkblue: rgb(197 210 246 / 1);
    --ds-member-color-option-row-bg-brown: rgb(234 230 227 / 1);
    --ds-member-color-option-row-active-bg-brown: rgb(223 214 206 / 1);
    --ds-member-detail-color-label-default: var(--detail-field-value-text, var(--color-text-primary));
    --ds-member-detail-color-label-pink: var(--pink-700, var(--color-pink-500));
    --ds-member-detail-color-label-red: var(--color-danger-700);
    --ds-member-detail-color-label-orange: var(--color-orange-900);
    --ds-member-detail-color-label-green: var(--color-success-800);
    --ds-member-detail-color-label-blue: var(--color-info-700);
    --ds-member-detail-color-label-purple: var(--purple-800, var(--color-purple-700));
    --ds-member-detail-color-label-peach: var(--color-orange-900);
    --ds-member-detail-color-label-gray: var(--color-gray-700);
    --ds-member-detail-color-label-lightgreen: var(--color-success-800);
    --ds-member-detail-color-label-yellow: var(--color-warning-900);
    --ds-member-detail-color-label-darkblue: var(--color-primary-700);
    --ds-member-detail-color-label-brown: var(--color-orange-800);

    /* Game state colors */
    --color-game-handicap:     oklch(96% 0.02 350deg);
    --color-game-underover:    oklch(96% 0.02 272deg);
    --color-game-waiting:      oklch(96% 0.04 95deg);
    --color-game-finished:     oklch(85% 0.005 248deg);
    --color-game-bet-closed:   oklch(97% 0.005 30deg);

    /* ═══════════════════════════════════════════
       12. DISABLED STATES
       ═══════════════════════════════════════════ */
    --color-disabled-text: var(--color-gray-400);
    --color-disabled-bg: var(--color-gray-100);
    --color-disabled-border: var(--color-gray-200);

    /* ═══════════════════════════════════════════
       13. SEMANTIC SHORTCUTS
       ═══════════════════════════════════════════ */
    --color-success:  var(--color-success-500);
    --color-danger:   var(--color-danger-500);
    --color-warning:  var(--color-warning-500);
    --color-primary:  var(--color-primary-500);
    --color-info:     var(--color-info-500);
    --color-text-link: var(--color-primary-700);
    --color-text-link-hover: var(--color-primary-600);
    --color-accent-text: var(--color-text-link);
    --color-accent-indicator: var(--color-primary-600);
    --color-selection-bg: color-mix(in oklch, var(--color-primary-500) 10%, var(--color-bg-primary));
    --color-selection-hover-bg: color-mix(in oklch, var(--color-primary-500) 8%, var(--color-bg-primary));
    --color-selection-strong-bg: color-mix(in oklch, var(--color-primary-500) 14%, var(--color-bg-primary));
    --color-selection-border: color-mix(in oklch, var(--color-primary-600) 28%, var(--color-border-primary));
    --color-focus-ring: color-mix(in oklch, var(--color-primary-600) 16%, transparent);
    --color-action-fill: var(--color-primary-600);
    --color-action-fill-hover: var(--color-primary-700);
    --color-action-border: var(--color-action-fill);
    --color-on-action: var(--color-white);

    /* ═══════════════════════════════════════════
       14. MISC (Navigation, Member list sort)
       ═══════════════════════════════════════════ */
    --member-list-sort-icon-inactive: var(--color-gray-600);
    --member-list-sort-icon-active: var(--color-gray-700);

    /* ═══════════════════════════════════════════
       15. -rgb ALIASES (하위호환, Phase 4에서 제거)
       ═══════════════════════════════════════════ */
    --color-blue-500-rgb: 59, 130, 246;
    --color-blue-400-rgb: 96, 165, 250;
    --color-green-500-rgb: 34, 197, 94;
    --color-red-500-rgb: 239, 68, 68;
    --color-amber-400-rgb: 251, 191, 36;
    --color-violet-500-rgb: 139, 92, 246;
    --color-cyan-500-rgb: 6, 182, 212;
}

:root[data-theme="dark"] {
    --ds-analytics-common-source-action-primary-rail: rgb(129 151 177 / 1);
}

:root[data-theme="dark"] {
    --ds-analytics-level-rollup-source-dark-toolbar-pill-border: rgb(68 81 100 / 0.160784);
}

:root[data-theme="dark"] {
    --ds-analytics-level-rollup-source-radio-bg: rgb(11 17 25 / 1);
}

:root[data-theme="dark"] {
    --ds-analytics-level-rollup-source-radio-border: rgb(30 41 58 / 1);
}

:root[data-theme="dark"] {
    --ds-analytics-level-rollup-source-radio-title: rgb(154 173 200 / 1);
}

:root[data-theme="dark"] {
    --ds-analytics-level-rollup-source-stat-bg: rgb(11 16 23 / 1);
}

:root[data-theme="dark"] {
    --ds-analytics-level-rollup-source-summary-bg: rgb(11 17 25 / 1);
}

:root[data-theme="dark"] {
    --ds-analytics-level-rollup-source-summary-border: rgb(69 147 255 / 0.101961);
}

:root[data-theme="dark"] {
    --ds-analytics-level-rollup-source-toolbar-pill-bg: rgb(9 14 19 / 1);
}

:root[data-theme="dark"] {
    --ds-analytics-live-casino-source-dark-toolbar-pill-border: rgb(68 81 100 / 0.160784);
}

:root[data-theme="dark"] {
    --ds-analytics-live-casino-source-stat-bg: rgb(11 16 23 / 1);
}

:root[data-theme="dark"] {
    --ds-analytics-live-casino-source-summary-bg: rgb(11 17 25 / 1);
}

:root[data-theme="dark"] {
    --ds-analytics-live-casino-source-summary-border: rgb(69 147 255 / 0.101961);
}

:root[data-theme="dark"] {
    --ds-analytics-live-casino-source-toolbar-pill-bg: rgb(9 14 19 / 1);
}

:root[data-theme="dark"] {
    --ds-analytics-money-source-dark-toolbar-pill-border: rgb(68 81 100 / 0.160784);
}

:root[data-theme="dark"] {
    --ds-analytics-money-source-row-toggle-bg: rgb(62 145 255 / 0.047059);
}

:root[data-theme="dark"] {
    --ds-analytics-money-source-row-toggle-border: rgb(67 150 255 / 0.180392);
}

:root[data-theme="dark"] {
    --ds-analytics-money-source-row-toggle-hover-bg: rgb(69 147 255 / 0.101961);
}

:root[data-theme="dark"] {
    --ds-analytics-money-source-row-toggle-hover-border: rgb(68 147 255 / 0.341176);
}

:root[data-theme="dark"] {
    --ds-analytics-money-source-stat-bg: rgb(11 16 23 / 1);
}

:root[data-theme="dark"] {
    --ds-analytics-money-source-summary-bg: rgb(11 17 25 / 1);
}

:root[data-theme="dark"] {
    --ds-analytics-money-source-summary-border: rgb(69 147 255 / 0.101961);
}

:root[data-theme="dark"] {
    --ds-analytics-money-source-toolbar-pill-bg: rgb(9 14 19 / 1);
}

:root[data-theme="dark"] {
    --ds-analytics-point-source-metric-profit-bg: rgb(18 26 37 / 1);
}

:root[data-theme="dark"] {
    --ds-analytics-point-source-row-toggle-active-bg: rgb(66 148 255 / 0.121569);
}

:root[data-theme="dark"] {
    --ds-analytics-point-source-row-toggle-bg: rgb(62 145 255 / 0.047059);
}

:root[data-theme="dark"] {
    --ds-analytics-point-source-row-toggle-border: rgb(67 150 255 / 0.180392);
}

:root[data-theme="dark"] {
    --ds-analytics-profit-source-dark-toolbar-pill-border: rgb(68 81 100 / 0.160784);
}

:root[data-theme="dark"] {
    --ds-analytics-profit-source-row-toggle-bg: rgb(62 145 255 / 0.047059);
}

:root[data-theme="dark"] {
    --ds-analytics-profit-source-row-toggle-border: rgb(67 150 255 / 0.180392);
}

:root[data-theme="dark"] {
    --ds-analytics-profit-source-row-toggle-hover-bg: rgb(69 147 255 / 0.101961);
}

:root[data-theme="dark"] {
    --ds-analytics-profit-source-row-toggle-hover-border: rgb(68 147 255 / 0.341176);
}

:root[data-theme="dark"] {
    --ds-analytics-profit-source-stat-bg: rgb(11 16 23 / 1);
}

:root[data-theme="dark"] {
    --ds-analytics-profit-source-summary-bg: rgb(11 17 25 / 1);
}

:root[data-theme="dark"] {
    --ds-analytics-profit-source-summary-border: rgb(69 147 255 / 0.101961);
}

:root[data-theme="dark"] {
    --ds-analytics-profit-source-toolbar-pill-bg: rgb(9 14 19 / 1);
}

:root[data-theme="dark"] {
    --ds-analytics-sport-source-dark-toolbar-pill-border: rgb(68 81 100 / 0.160784);
}

:root[data-theme="dark"] {
    --ds-analytics-sport-source-row-toggle-bg: rgb(62 145 255 / 0.047059);
}

:root[data-theme="dark"] {
    --ds-analytics-sport-source-row-toggle-border: rgb(67 150 255 / 0.180392);
}

:root[data-theme="dark"] {
    --ds-analytics-sport-source-row-toggle-hover-bg: rgb(69 147 255 / 0.101961);
}

:root[data-theme="dark"] {
    --ds-analytics-sport-source-row-toggle-hover-border: rgb(68 147 255 / 0.341176);
}

:root[data-theme="dark"] {
    --ds-analytics-sport-source-stat-bg: rgb(11 16 23 / 1);
}

:root[data-theme="dark"] {
    --ds-analytics-sport-source-summary-bg: rgb(11 17 25 / 1);
}

:root[data-theme="dark"] {
    --ds-analytics-sport-source-summary-border: rgb(69 147 255 / 0.101961);
}

:root[data-theme="dark"] {
    --ds-analytics-sport-source-toolbar-pill-bg: rgb(9 14 19 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-common-source-amount-button-bg: rgb(9 12 18 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-common-source-amount-button-border: rgb(156 166 179 / 0.301961);
}

:root[data-theme="dark"] {
    --ds-bets-common-source-chip-bg: rgb(16 21 29 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-common-source-danger-bg: rgb(44 24 29 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-common-source-danger-border: rgb(230 125 130 / 0.513725);
}

:root[data-theme="dark"] {
    --ds-bets-common-source-dark-market-cell-hover-bg: rgb(26 38 46 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-common-source-dark-segment-active-bg: rgb(30 44 53 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-common-source-info-bg: rgb(15 30 36 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-common-source-info-border: rgb(108 188 205 / 0.462745);
}

:root[data-theme="dark"] {
    --ds-bets-common-source-market-button-hover-bg: rgb(14 26 43 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-common-source-row-actions-bg: rgb(8 12 17 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-common-source-row-alt-bg: rgb(14 19 25 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-common-source-row-hover-bg: rgb(11 19 31 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-common-source-row-muted-bg: rgb(15 20 27 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-common-source-row-strong-bg: rgb(16 21 29 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-common-source-success-bg: rgb(13 27 22 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-common-source-success-border: rgb(104 192 125 / 0.462745);
}

:root[data-theme="dark"] {
    --ds-bets-common-source-summary-detail-bg: rgb(9 12 18 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-common-source-warning-bg: rgb(46 32 15 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-common-source-warning-border: rgb(241 165 64 / 0.513725);
}

:root[data-theme="dark"] {
    --ds-bets-orders-source-bet-highlight-bg: rgb(14 30 23 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-orders-source-bet-highlight-dark-bg: rgb(23 46 36 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-orders-source-radio-caution-border: rgb(204 200 187 / 0.235294);
}

:root[data-theme="dark"] {
    --ds-bets-orders-source-radio-info-border: rgb(170 195 225 / 0.235294);
}

:root[data-theme="dark"] {
    --ds-bets-orders-source-radio-win-border: rgb(178 212 208 / 0.235294);
}

:root[data-theme="dark"] {
    --ds-bets-orders-source-selection-badge-dark-bg: rgb(25 52 39 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-orders-source-table-row-alt-bg: rgb(8 12 17 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-orders-source-table-row-hover-bg: rgb(11 19 31 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-orders-source-table-row-selected-bg: rgb(14 26 43 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-orders-ui-source-action-more-bg: rgb(8 11 15 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-orders-ui-source-folder-bar-lose-bg: rgb(68 39 45 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-orders-ui-source-folder-bar-special-bg: rgb(72 51 25 / 1);
}

:root[data-theme="dark"] {
    --ds-bets-orders-ui-source-folder-bar-win-bg: rgb(27 59 41 / 1);
}

/* Dark canonical 1B Batch 1 uncovered root light-dark() dark arms. */

[data-theme="dark"] {
    --color-status-purple-soft-bg: oklch(62% 0.25 310deg / 0.12);
    --color-status-purple-soft-text: oklch(72% 0.18 310deg);
    --color-status-purple-soft-border: oklch(62% 0.25 310deg / 0.25);
    --color-accent-indicator: var(--blue-400);
    --color-selection-bg: color-mix(in oklch, var(--blue-400) 12%, transparent);
    --color-selection-hover-bg: color-mix(in oklch, var(--blue-400) 8%, transparent);
    --color-selection-strong-bg: color-mix(in oklch, var(--blue-400) 18%, transparent);
    --color-selection-border: color-mix(in oklch, var(--blue-400) 28%, transparent);
    --color-focus-ring: color-mix(in oklch, var(--blue-400) 40%, transparent);
    --color-action-fill: var(--blue-550);
    --color-action-fill-hover: var(--blue-600);
}

/* ═══════════════════════════════════════════
   Phase 5: @supports 폴백 — 브라우저 호환성 가드
   oklch(): Chrome 111+, Edge 111+, Firefox 113+, Safari 15.4+
   light-dark(): Chrome 123+, Edge 123+, Firefox 120+, Safari 17.5+
   내부 관리자 도구 — 최신 Chrome/Edge 사용 전제, 경고만 표시
   ═══════════════════════════════════════════ */
/* ═══════════════════════════════════════════
   T663 (2026-05-10) DataViz Phase 1 — chart 6색 의미 팔레트 토큰
   bet_dashboard.js getChartThemeColors() (T646) → CSS 변수 추출.
   향후 신규 chart / sparkline / progress 등 cross-chart 일관성 인프라.
   라이트 = Tabler 표준 채도, 다크 = DARK-RELIGHT resolved palette
   ═══════════════════════════════════════════ */
:root {
    /* doughnut/bar/multi-series 6색 의미 팔레트 (라이트 default) */
    --chart-palette-1: #206bc4;  /* primary-blue */
    --chart-palette-2: #2fb344;  /* success-green */
    --chart-palette-3: #f59f00;  /* warning-amber */
    --chart-palette-4: #ae3ec9;  /* purple */
    --chart-palette-5: #d6336c;  /* danger-pink */
    --chart-palette-6: #4263eb;  /* indigo */
    --chart-palette-7: #0bb4a3;  /* teal (T884 bet_dashboard 종목 추가) */

    /* line chart 의미 색 (stake/payout/margin) */
    --chart-stake-color: #206bc4;
    --chart-stake-fill: rgba(32, 107, 196, 0.08);
    --chart-payout-color: #f59f00;
    --chart-payout-fill: rgba(245, 159, 0, 0.08);
    --chart-margin-color: #d6336c;
    --chart-margin-fill: rgba(214, 51, 108, 0.12);

    /* axis/grid/legend */
    --chart-legend-color: #495057;
    --chart-tick-color: #666;
    --chart-grid-color: rgba(0, 0, 0, 0.06);

    /* tooltip (Chart.js plugins.tooltip) */
    --chart-tooltip-bg: rgba(255, 255, 255, 0.97);
    --chart-tooltip-border: rgba(32, 107, 196, 0.25);
    --chart-tooltip-text: #212529;
    --chart-text-primary: var(--color-text-primary);
    --chart-text-secondary: var(--color-text-secondary);
    --chart-surface-primary: var(--color-bg-primary);
    --chart-surface-secondary: var(--color-bg-secondary);
}

/* ═══════════════════════════════════════════
   P0 Design System Contract
   semantic/component aliases shared by light, dark, Bootstrap, and Tabler layers.
   Visual values stay sourced from the existing color/status/chart/member tokens.
   ═══════════════════════════════════════════ */
:root {
    /* Surface / text / border */
    --ds-bg-app: var(--color-bg-primary);
    --ds-surface-page: var(--ds-bg-app);
    --ds-surface-base: var(--surface-1);
    --ds-surface-muted: var(--surface-2);
    --ds-surface-raised: var(--surface-3);
    --ds-surface-overlay: var(--color-surface-elevated);
    --ds-surface-hover: var(--color-bg-hover);
    --ds-surface-selected: var(--color-selection-bg);
    --ds-text-strong: var(--color-text-heading);
    --ds-text-base: var(--color-text-primary);
    --ds-text-muted: var(--color-text-secondary);
    --ds-text-subtle: var(--color-text-tertiary);
    --ds-text-inverse: var(--color-white);
    --ds-border-subtle: rgb(223 226 231 / 0.619608);
    --ds-border-default: var(--color-border-primary);
    --ds-border-strong: rgb(183 187 191 / 1);
    --ds-border-focus: var(--color-accent-indicator);

    /* Brand / state */
    --ds-brand: var(--color-accent-indicator);
    --ds-brand-hover: var(--color-text-link-hover);
    --ds-on-brand: var(--state-primary-fill-text);
    --ds-accent: var(--ds-brand);
    --ds-text-link: var(--color-text-link);
    --ds-text-link-hover: var(--color-text-link-hover);
    --ds-accent-soft-bg: rgb(226 235 249 / 1);
    --ds-accent-soft-border: rgb(150 180 214 / 1);
    --ds-accent-soft-text: var(--color-accent-text);
    --ds-accent-indicator: var(--color-accent-indicator);
    --ds-accent-muted-indicator: rgb(69 92 120 / 1);
    --ds-accent-active-bg: var(--color-selection-bg);
    --ds-accent-active-border: var(--color-selection-border);
    --ds-accent-active-text: var(--color-text-primary);
    --ds-brand-soft-bg: var(--ds-accent-soft-bg);
    --ds-brand-soft-border: var(--ds-accent-soft-border);
    --ds-brand-soft-text: var(--ds-accent-soft-text);
    --ds-selection-bg: var(--color-selection-bg);
    --ds-selection-hover-bg: var(--color-selection-hover-bg);
    --ds-selection-strong-bg: var(--color-selection-strong-bg);
    --ds-selection-border: var(--color-selection-border);
    --ds-selection-text: var(--color-text-primary);
    --ds-success: var(--color-success-700);
    --ds-danger: var(--color-danger-600);
    --ds-warning: var(--color-warning-600);
    --ds-info: var(--color-info-700);
    --ds-on-success: var(--state-success-fill-text);
    --ds-on-danger: var(--state-danger-fill-text);
    --ds-on-warning: var(--state-warning-fill-text);
    --ds-on-info: var(--state-info-fill-text);
    --ds-status-success-bg: var(--color-status-success-soft-bg);
    --ds-status-success-border: var(--color-status-success-soft-border);
    --ds-status-success-text: var(--color-status-success-soft-text);
    --ds-status-danger-bg: var(--color-status-danger-soft-bg);
    --ds-status-danger-border: var(--color-status-danger-soft-border);
    --ds-status-danger-text: var(--color-status-danger-soft-text);
    --ds-status-warning-bg: var(--color-status-warning-soft-bg);
    --ds-status-warning-border: var(--color-status-warning-soft-border);
    --ds-status-warning-text: var(--color-status-warning-soft-text);
    --ds-status-info-bg: var(--color-status-info-soft-bg);
    --ds-status-info-border: var(--color-status-info-soft-border);
    --ds-status-info-text: var(--color-status-info-soft-text);
    --ds-status-neutral-bg: var(--color-status-neutral-soft-bg);
    --ds-status-neutral-border: var(--color-border-primary);
    --ds-status-neutral-text: var(--color-text-secondary);

    /* Data emphasis roles */
    --data-info: var(--ds-info);
    --data-info-soft-bg: var(--ds-status-info-bg);
    --data-info-soft-border: var(--ds-status-info-border);
    --data-info-soft-text: var(--ds-status-info-text);
    --data-info-indicator: var(--data-info);
    --data-caution: var(--ds-warning);
    --data-caution-soft-bg: var(--ds-status-warning-bg);
    --data-caution-soft-border: var(--ds-status-warning-border);
    --data-caution-soft-text: var(--ds-status-warning-text);
    --data-caution-indicator: var(--data-caution);
    --data-positive: var(--ds-success);
    --data-positive-soft-bg: var(--ds-status-success-bg);
    --data-positive-soft-border: var(--ds-status-success-border);
    --data-positive-soft-text: var(--ds-status-success-text);
    --data-positive-indicator: var(--data-positive);
    --data-negative: var(--ds-danger);
    --data-negative-soft-bg: var(--ds-status-danger-bg);
    --data-negative-soft-border: var(--ds-status-danger-border);
    --data-negative-soft-text: var(--ds-status-danger-text);
    --data-negative-indicator: var(--data-negative);

    /* Dense finance/betting state roles.
       Light defaults live here so page CSS can stay semantic; dark mode
       overrides the same names in dark-saas-tokens-v2.css. */
    --funds-state-active-bg: var(--ds-surface-raised);
    --funds-state-active-border: var(--data-positive-soft-border);
    --funds-state-active-text: var(--data-positive-soft-text);
    --funds-state-active-indicator: var(--data-positive-indicator);
    --funds-state-info-bg: var(--ds-surface-raised);
    --funds-state-info-border: var(--data-info-soft-border);
    --funds-state-info-text: var(--data-info-soft-text);
    --funds-state-info-indicator: var(--data-info-indicator);
    --funds-state-caution-bg: var(--ds-surface-raised);
    --funds-state-caution-border: var(--data-caution-soft-border);
    --funds-state-caution-text: var(--data-caution-soft-text);
    --funds-state-caution-indicator: var(--data-caution-indicator);
    --funds-state-danger-bg: var(--ds-surface-raised);
    --funds-state-danger-border: var(--data-negative-soft-border);
    --funds-state-danger-text: var(--data-negative-soft-text);
    --funds-state-danger-indicator: var(--data-negative-indicator);
    --bets-state-surface-bg: var(--ds-surface-raised);
    --bets-state-surface-hover-bg: var(--ds-surface-hover);
    --bets-state-info-bg: var(--bets-state-surface-bg);
    --bets-state-info-border: var(--data-info-soft-border);
    --bets-state-info-text: var(--data-info-soft-text);
    --bets-state-info-indicator: var(--data-info-indicator);
    --bets-state-caution-bg: var(--bets-state-surface-bg);
    --bets-state-caution-border: var(--data-caution-soft-border);
    --bets-state-caution-text: var(--data-caution-soft-text);
    --bets-state-caution-indicator: var(--data-caution-indicator);
    --bets-state-win-bg: var(--bets-state-surface-bg);
    --bets-state-win-border: var(--data-positive-soft-border);
    --bets-state-win-text: var(--data-positive-soft-text);
    --bets-state-win-indicator: var(--data-positive-indicator);
    --bets-state-loss-bg: var(--bets-state-surface-bg);
    --bets-state-loss-border: var(--data-negative-soft-border);
    --bets-state-loss-text: var(--data-negative-soft-text);
    --bets-state-loss-indicator: var(--data-negative-indicator);
    --bets-state-neutral-bg: var(--ds-surface-raised);
    --bets-state-neutral-border: var(--ds-border-default);
    --bets-state-neutral-text: var(--ds-text-base);
    --bets-state-neutral-indicator: var(--ds-text-muted);
    --bets-state-danger-bg: var(--bets-state-loss-bg);
    --bets-state-danger-border: var(--bets-state-loss-border);
    --bets-state-danger-text: var(--bets-state-loss-text);
    --bets-state-danger-indicator: var(--bets-state-loss-indicator);
    --bets-state-progress-track-bg: var(--ds-status-neutral-bg);
    --bets-state-progress-info-fill: var(--bets-state-info-indicator);
    --bets-state-progress-success-fill: var(--bets-state-win-indicator);
    --bets-state-progress-warning-fill: var(--bets-state-caution-indicator);
    --bets-state-progress-danger-fill: var(--bets-state-danger-indicator);
    --bets-state-live-pulse-start: rgb(200 33 50 / 0.4);
    --bets-state-live-pulse-end: transparent;

    /* Header layout source tokens */
    --ds-header-source-topbar-muted-text: rgb(255 255 255 / 0.721569);
    --ds-header-source-topbar-active-shadow: 0 0 12px color-mix(in oklch, var(--topbar-item-active-border, var(--color-warning-400)) 25%, transparent);
    --ds-header-source-topbar-scrollbar-thumb-bg: rgb(255 255 255 / 0.380392);
    --ds-header-source-live-indicator-pulse-start: 0 0 0 0 color-mix(in oklch, var(--color-success-500) 70%, transparent);
    --ds-header-source-live-indicator-pulse-end: 0 0 0 6px color-mix(in oklch, var(--color-success-500) 0%, transparent);
    /* Sidebar layout source tokens */
    --ds-sidebar-source-status-soft-bg: rgb(218 56 68 / 0.160784);
    --ds-sidebar-source-danger-divider-border: rgb(200 100 162 / 1);
    --ds-sidebar-source-filter-button-text: rgb(255 255 255 / 0.698039);
    /* Login page source tokens */
    --ds-login-source-button-shadow: 0 2px 8px color-mix(in oklch, var(--color-primary-500) 30%, transparent);
    --ds-login-source-button-shadow-hover: 0 4px 12px color-mix(in oklch, var(--color-primary-500) 40%, transparent);
    /* Prematch common actions source tokens */
    --ds-prematch-common-actions-source-score-focus-ring: var(--form-control-focus-ring, 0 0 0 3px color-mix(in oklch, var(--color-primary-500) 12%, transparent));
    --ds-prematch-common-actions-source-score-focus-ring-dark: 0 0 0 3px color-mix(in srgb, var(--sport-state-info-indicator) 14%, transparent);
    --ds-prematch-common-actions-source-main-selected-shadow: 0 2px 4px color-mix(in oklch, var(--color-success-500) 30%, transparent);
    --ds-prematch-common-actions-source-special-selected-shadow: 0 2px 4px color-mix(in oklch, var(--color-warning-500) 30%, transparent);
    --ds-prematch-common-actions-source-lose-selected-shadow: 0 2px 4px color-mix(in oklch, var(--color-danger-500) 30%, transparent);
    /* Prematch game baedang source tokens */
    --ds-prematch-game-baedang-history-active-ring: 0 0 0 2px var(--color-success-100);
    --ds-prematch-game-baedang-history-active-ring-dark: 0 0 0 1px var(--sport-state-active-border);
    --ds-sgp-combo-source-section-header-bg: rgb(248 250 252 / 1);
    --ds-sgp-combo-source-detail-header-bg: rgb(247 249 251 / 1);
    --ds-sgp-combo-source-detail-card-checked-bg: rgb(242 246 252 / 1);
    --ds-sgp-combo-source-pill-bg: rgb(248 250 252 / 1);
    --ds-sgp-combo-source-pill-muted-hover-bg: rgb(245 247 249 / 1);
    --ds-sgp-combo-source-selected-cell-bg: rgba(var(--sgp-accent-rgb, var(--color-primary-500-rgb)), 0.04);
    --ds-sgp-combo-source-active-dot-ring: 0 0 0 2px rgba(var(--sgp-accent-rgb, var(--color-primary-500-rgb)), 0.2);
    --ds-sgp-combo-source-node-shadow: 0 4px 12px rgba(var(--sgp-accent-rgb, var(--color-primary-500-rgb)), 0.3);
    --ds-sgp-combo-source-brand-fill-inset: inset 2px 0 0 color-mix(in srgb, var(--sgp-brand-fill-text, var(--state-primary-fill-text, var(--color-text-on-primary))) 72%, var(--sgp-brand-fill-bg, var(--state-primary-fill-bg, var(--color-primary-500))) 28%);
    --ds-sgp-combo-source-tab-hover-bg: rgb(0 125 251 / 0.078431);
    --ds-sgp-combo-source-tab-active-bg: rgb(228 240 255 / 1);
    /* Attach common source tokens */
    --ds-attach-common-source-shell-border: rgb(205 219 233 / 1);
    --ds-attach-common-source-shell-bg: rgb(248 250 252 / 1);
    --ds-attach-common-source-selected-bg: rgb(253 236 202 / 1);
    --ds-attach-common-source-selected-ring: inset 0 0 0 1px color-mix(in oklch, var(--color-warning-500) 28%, transparent);
    /* Bets common source tokens */
    --ds-bets-common-source-row-alt-bg: rgb(246 248 251 / 1);
    --ds-bets-common-source-row-muted-bg: rgb(246 248 250 / 1);
    --ds-bets-common-source-row-strong-bg: rgb(245 247 250 / 1);
    --ds-bets-common-source-row-hover-bg: rgb(231 243 255 / 1);
    --ds-bets-common-source-chip-bg: rgb(245 247 250 / 1);
    --ds-bets-common-source-info-bg: rgb(223 241 247 / 1);
    --ds-bets-common-source-info-border: rgb(156 205 215 / 1);
    --ds-bets-common-source-success-bg: rgb(228 244 236 / 1);
    --ds-bets-common-source-success-border: rgb(157 206 174 / 1);
    --ds-bets-common-source-warning-bg: rgb(250 242 217 / 1);
    --ds-bets-common-source-warning-border: rgb(234 212 144 / 1);
    --ds-bets-common-source-danger-bg: rgb(245 220 226 / 1);
    --ds-bets-common-source-danger-border: rgb(220 157 166 / 1);
    --ds-bets-common-source-segment-active-shadow-color: color-mix(in srgb, var(--color-primary-700) 42%, transparent);
    --ds-bets-common-source-scroll-edge-bg: rgb(0 0 0 / 0.160784);
    --ds-bets-common-source-row-actions-bg: rgb(249 251 254 / 1);
    --ds-bets-common-source-summary-detail-bg: rgb(245 247 249 / 1);
    --ds-bets-common-source-cell-flash-shadow-color: color-mix(in srgb, var(--color-warning-400) 34%, transparent);
    --ds-bets-common-source-amount-button-border: rgb(215 219 224 / 1);
    --ds-bets-common-source-amount-button-bg: rgb(248 251 254 / 1);
    --ds-bets-common-source-market-button-hover-bg: rgb(218 236 255 / 1);
    --ds-bets-common-source-dark-segment-active-bg: rgb(197 218 239 / 1);
    --ds-bets-common-source-dark-market-cell-hover-bg: rgb(203 223 242 / 1);

    /* Bets orders source tokens */
    --ds-bets-orders-source-bet-highlight-bg: rgb(223 242 233 / 1);
    --ds-bets-orders-source-bet-highlight-dark-bg: rgb(205 222 217 / 1);
    --ds-bets-orders-source-selection-badge-dark-bg: rgb(196 217 209 / 1);
    --ds-bets-orders-source-table-row-alt-bg: rgb(246 248 250 / 1);
    --ds-bets-orders-source-table-row-hover-bg: rgb(231 243 255 / 1);
    --ds-bets-orders-source-table-row-selected-bg: rgb(218 236 255 / 1);
    --ds-bets-orders-source-radio-caution-border: rgb(224 221 217 / 1);
    --ds-bets-orders-source-radio-win-border: rgb(210 219 219 / 1);
    --ds-bets-orders-source-radio-info-border: rgb(212 219 226 / 1);

    /* Bets orders UI source tokens */
    --ds-bets-orders-ui-source-folder-bar-win-bg: rgb(188 212 201 / 1);
    --ds-bets-orders-ui-source-folder-bar-lose-bg: rgb(229 192 201 / 1);
    --ds-bets-orders-ui-source-folder-bar-special-bg: rgb(241 221 194 / 1);
    --ds-bets-orders-ui-source-action-more-bg: rgb(249 251 254 / 1);


    /* Analytics common source tokens */
    --ds-analytics-common-source-action-primary-rail: rgb(81 98 114 / 1);

    /* Analytics money route source tokens */
    --ds-analytics-money-source-row-toggle-border: rgb(0 122 255 / 0.180392);
    --ds-analytics-money-source-row-toggle-bg: rgb(0 118 255 / 0.05098);
    --ds-analytics-money-source-row-toggle-hover-border: rgb(0 121 255 / 0.341176);
    --ds-analytics-money-source-row-toggle-hover-bg: rgb(0 121 255 / 0.098039);
    --ds-analytics-money-source-summary-border: rgb(0 121 255 / 0.098039);
    --ds-analytics-money-source-summary-bg: rgb(243 248 255 / 1);
    --ds-analytics-money-source-stat-bg: rgb(245 250 255 / 1);
    --ds-analytics-money-source-toolbar-pill-bg: rgb(249 251 254 / 1);
    --ds-analytics-money-source-dark-toolbar-pill-border: rgb(199 205 211 / 0.160784);

    /* Analytics profit route source tokens */
    --ds-analytics-profit-source-row-toggle-border: rgb(0 122 255 / 0.180392);
    --ds-analytics-profit-source-row-toggle-bg: rgb(0 118 255 / 0.05098);
    --ds-analytics-profit-source-row-toggle-hover-border: rgb(0 121 255 / 0.341176);
    --ds-analytics-profit-source-row-toggle-hover-bg: rgb(0 121 255 / 0.098039);
    --ds-analytics-profit-source-summary-border: rgb(0 121 255 / 0.098039);
    --ds-analytics-profit-source-summary-bg: rgb(243 248 255 / 1);
    --ds-analytics-profit-source-stat-bg: rgb(245 250 255 / 1);
    --ds-analytics-profit-source-toolbar-pill-bg: rgb(249 251 254 / 1);
    --ds-analytics-profit-source-dark-toolbar-pill-border: rgb(199 205 211 / 0.160784);

    /* Analytics sport route source tokens */
    --ds-analytics-sport-source-row-toggle-border: rgb(0 122 255 / 0.180392);
    --ds-analytics-sport-source-row-toggle-bg: rgb(0 118 255 / 0.05098);
    --ds-analytics-sport-source-row-toggle-hover-border: rgb(0 121 255 / 0.341176);
    --ds-analytics-sport-source-row-toggle-hover-bg: rgb(0 121 255 / 0.098039);
    --ds-analytics-sport-source-summary-border: rgb(0 121 255 / 0.098039);
    --ds-analytics-sport-source-summary-bg: rgb(243 248 255 / 1);
    --ds-analytics-sport-source-stat-bg: rgb(245 250 255 / 1);
    --ds-analytics-sport-source-toolbar-pill-bg: rgb(249 251 254 / 1);
    --ds-analytics-sport-source-dark-toolbar-pill-border: rgb(199 205 211 / 0.160784);

    /* Analytics point route source tokens */
    --ds-analytics-point-source-row-toggle-border: rgb(0 122 255 / 0.180392);
    --ds-analytics-point-source-row-toggle-bg: rgb(0 118 255 / 0.05098);
    --ds-analytics-point-source-row-toggle-active-border: var(--color-primary-500);
    --ds-analytics-point-source-row-toggle-active-bg: rgb(0 123 255 / 0.121569);
    --ds-analytics-point-source-metric-profit-bg: rgb(236 245 255 / 1);

    /* Analytics live casino route source tokens */
    --ds-analytics-live-casino-source-summary-border: rgb(0 121 255 / 0.098039);
    --ds-analytics-live-casino-source-summary-bg: rgb(243 248 255 / 1);
    --ds-analytics-live-casino-source-stat-bg: rgb(245 250 255 / 1);
    --ds-analytics-live-casino-source-toolbar-pill-bg: rgb(249 251 254 / 1);
    --ds-analytics-live-casino-source-dark-toolbar-pill-border: rgb(199 205 211 / 0.160784);

    /* Casino detail source tokens */
    --ds-casino-detail-source-soft-info-border: rgb(215 221 227 / 1);

    /* Tournament route source tokens */
    --ds-tournament-source-option-active-bg: rgb(0 118 255 / 0.05098);
    --ds-tournament-source-member-row-hover-bg: rgb(0 119 255 / 0.058824);

    /* Analytics level rollup route source tokens */
    --ds-analytics-level-rollup-source-summary-border: rgb(0 121 255 / 0.098039);
    --ds-analytics-level-rollup-source-summary-bg: rgb(243 248 255 / 1);
    --ds-analytics-level-rollup-source-stat-bg: rgb(245 250 255 / 1);
    --ds-analytics-level-rollup-source-toolbar-pill-bg: rgb(249 251 254 / 1);
    --ds-analytics-level-rollup-source-radio-bg: rgb(243 248 255 / 1);
    --ds-analytics-level-rollup-source-radio-border: rgb(212 225 238 / 1);
    --ds-analytics-level-rollup-source-radio-title: rgb(62 80 99 / 1);
    --ds-analytics-level-rollup-source-dark-toolbar-pill-border: rgb(199 205 211 / 0.160784);

    /* Comment config source tokens */
    --ds-comment-config-source-icon-bg: rgb(236 245 255 / 1);
    --ds-comment-config-source-icon-border: rgb(153 195 241 / 1);
    --ds-comment-config-source-save-bg: rgb(233 244 255 / 1);
    --ds-comment-config-source-save-border: rgb(145 207 221 / 1);
    --ds-comment-config-source-input-value-border: rgb(125 182 245 / 1);
    --ds-comment-config-source-input-saved-bg: rgb(233 244 255 / 1);
    --ds-comment-config-source-kpi-primary-bg: rgb(228 240 255 / 1);
    --ds-comment-config-source-kpi-success-bg: rgb(228 242 255 / 1);
    --ds-comment-config-source-kpi-info-bg: rgb(234 242 251 / 1);
    --ds-comment-config-source-kpi-warning-bg: rgb(229 249 255 / 1);
    --ds-comment-config-source-field-focus-bg: rgb(241 247 255 / 1);
    --ds-comment-config-source-field-focus-ring: rgb(0 123 255 / 0.121569);
    --ds-comment-config-source-dark-field-focus-ring: rgb(11 89 177 / 0.180392);
    --ds-comment-config-source-tab-hover-bg: rgb(0 125 251 / 0.078431);
    --ds-comment-config-source-tab-active-bg: rgb(228 240 255 / 1);

    /* Log common source tokens */
    --ds-log-common-source-search-th-bg: rgb(242 248 255 / 1);
    --ds-log-common-source-focus-ring: 0 0 0 2px color-mix(in oklch, var(--color-blue-500) 10%, transparent);
    --ds-log-common-source-token-primary-bg: rgb(0 125 251 / 0.078431);
    --ds-log-common-source-token-primary-border: rgb(0 122 255 / 0.180392);
    --ds-log-common-source-danger-action-bg: rgb(251 245 246 / 1);
    --ds-log-common-source-danger-action-border: 1px solid color-mix(in srgb, var(--color-danger-200) 78%, var(--color-gray-200));
    --ds-log-common-source-danger-action-hover-bg: rgb(251 229 228 / 1);
    --ds-log-common-source-state-bar-bg: rgb(250 251 255 / 0.721569);
    --ds-log-common-source-state-bar-border: var(--border-width-1) solid color-mix(in oklch, var(--color-gray-400) 24%, transparent);
    --ds-log-common-source-dark-search-th-bg: rgb(221 233 251 / 1);
    --ds-log-common-source-dark-focus-ring: 0 0 0 3px color-mix(in oklch, var(--color-blue-500) 20%, transparent);
    --ds-log-common-source-dark-focus-ring-sm: 0 0 0 2px color-mix(in oklch, var(--color-blue-500) 20%, transparent);
    --ds-log-common-source-dark-state-bar-bg: rgb(250 252 255 / 0.6);
    --ds-log-common-source-dark-state-bar-border: rgb(200 205 211 / 0.180392);
    --ds-log-event-source-focus-row-bg: rgb(224 236 254 / 1);
    --ds-log-event-source-dark-focus-row-bg: rgb(66 148 255 / 0.121569);

    /* Log security route source tokens */
    --ds-log-security-source-dark-member-card-bg: var(--ds-surface-raised, var(--color-surface-elevated));
    --ds-log-security-source-toggle-focus-ring: 0 0 0 3px color-mix(in oklch, var(--color-primary-600) 16%, transparent);
    --ds-log-security-source-member-card-inset-shadow: 0 1px 0 color-mix(in oklch, var(--color-white) 4%, transparent) inset;
    --ds-log-security-source-member-parent-border: rgb(6 50 105 / 0.180392);

    /* Login log source tokens */
    --ds-login-log-source-preset-hover-bg: rgb(20 78 177 / 0.05098);
    --ds-login-log-source-preset-checked-border: rgb(10 88 179 / 0.419608);
    --ds-login-log-source-preset-checked-bg: rgb(10 88 177 / 0.101961);
    --ds-login-log-source-preset-checked-ring: 0 0 0 3px color-mix(in oklch, var(--color-primary-600) 8%, transparent);
    --ds-login-log-source-preset-focus-ring: 0 0 0 3px color-mix(in oklch, var(--color-primary-600) 16%, transparent);
    --ds-login-log-source-partner-badge-border: rgb(10 85 180 / 0.2);
    --ds-login-log-source-partner-badge-bg: rgb(14 85 184 / 0.070588);
    --ds-login-log-source-dark-preset-group-border: rgb(201 205 209 / 0.239216);
    --ds-login-log-source-dark-preset-group-bg: rgb(250 252 255 / 0.580392);
    --ds-login-log-source-dark-preset-label-border: rgb(201 205 209 / 0.239216);
    --ds-login-log-source-dark-preset-label-bg: rgb(238 242 249 / 0.819608);
    --ds-login-log-source-dark-preset-hover-border: rgb(68 147 255 / 0.380392);
    --ds-login-log-source-dark-preset-hover-bg: rgb(0 123 255 / 0.121569);
    --ds-login-log-source-dark-preset-checked-border: rgb(68 147 255 / 0.443137);
    --ds-login-log-source-dark-preset-checked-bg: rgb(0 122 255 / 0.180392);
    --ds-login-log-source-dark-partner-badge-border: rgb(112 174 255 / 0.243137);
    --ds-login-log-source-dark-partner-badge-bg: rgb(70 147 255 / 0.129412);
    --identity-partner-bg: var(--data-info-soft-bg);
    --identity-partner-border: var(--data-info-soft-border);
    --identity-partner-text: var(--data-info-soft-text);
    --identity-partner-rail: var(--data-info-indicator);

    /* Action roles */
    --ds-action-fill-bg: var(--color-action-fill);
    --ds-action-fill-bg-hover: var(--color-action-fill-hover);
    --ds-action-fill-border: var(--color-action-border);
    --ds-on-action: var(--color-on-action);
    --ds-action-main-bg: var(--ds-action-fill-bg);
    --ds-action-main-bg-hover: var(--ds-action-fill-bg-hover);
    --ds-action-main-text: var(--ds-on-action);
    --ds-action-main-border: var(--ds-action-fill-border);
    --ds-action-save-bg: var(--ds-action-main-bg);
    --ds-action-save-bg-hover: var(--ds-action-main-bg-hover);
    --ds-action-save-text: var(--ds-action-main-text);
    --ds-action-save-border: var(--ds-action-main-border);
    --ds-action-search-bg: var(--ds-action-fill-bg);
    --ds-action-search-bg-hover: var(--ds-action-fill-bg-hover);
    --ds-action-search-text: var(--ds-on-action);
    --ds-action-search-border: var(--ds-action-fill-border);
    --ds-action-create-bg: var(--color-success-700);
    --ds-action-create-bg-hover: var(--color-success-800);
    --ds-action-create-text: var(--color-white);
    --ds-action-create-border: var(--color-success-700);
    --ds-action-create-soft-bg: rgb(226 237 247 / 1);
    --ds-action-create-soft-text: var(--color-success-700);
    --ds-action-create-soft-border: rgb(150 191 202 / 1);
    --ds-action-edit-bg: var(--color-warning-600);
    --ds-action-edit-bg-hover: var(--color-warning-700);
    --ds-action-edit-text: var(--color-gray-900);
    --ds-action-edit-border: var(--color-warning-600);
    --ds-action-edit-soft-bg: rgb(237 240 255 / 1);
    --ds-action-edit-soft-text: var(--color-warning-900);
    --ds-action-edit-soft-border: rgb(223 197 241 / 1);
    --ds-action-danger-bg: var(--color-danger-600);
    --ds-action-danger-bg-hover: var(--color-danger-700);
    --ds-action-danger-text: var(--color-white);
    --ds-action-danger-border: var(--color-danger-600);
    --ds-action-danger-soft-bg: rgb(235 241 255 / 1);
    --ds-action-danger-soft-bg-hover: rgb(226 232 255 / 1);
    --ds-action-danger-soft-text: var(--color-danger-700);
    --ds-action-danger-soft-border: rgb(192 180 233 / 1);
    --ds-action-info-bg: var(--color-info-700);
    --ds-action-info-bg-hover: var(--color-info-600);
    --ds-action-info-text: var(--color-white);
    --ds-action-info-border: var(--color-info-700);
    --ds-action-info-soft-bg: rgb(230 237 246 / 1);
    --ds-action-info-soft-text: var(--color-info-700);
    --ds-action-info-soft-border: rgb(167 188 208 / 1);
    --ds-action-export-bg: var(--ds-action-create-bg);
    --ds-action-export-bg-hover: var(--ds-action-create-bg-hover);
    --ds-action-export-text: var(--ds-action-create-text);
    --ds-action-export-border: var(--ds-action-create-border);
    --ds-action-result-bg: var(--ds-action-info-bg);
    --ds-action-result-bg-hover: var(--ds-action-info-bg-hover);
    --ds-action-result-text: var(--ds-action-info-text);
    --ds-action-result-border: var(--ds-action-info-border);
    --ds-action-utility-bg: var(--color-white);
    --ds-action-utility-bg-hover: var(--color-gray-50);
    --ds-action-utility-text: var(--color-gray-800);
    --ds-action-utility-border: var(--color-gray-300);

    /* Components */
    --ds-badge-neutral-bg: rgb(242 245 248 / 1);
    --ds-badge-neutral-border: rgb(208 212 217 / 1);
    --ds-badge-neutral-text: var(--color-gray-700);
    --ds-badge-primary-bg: rgb(226 235 249 / 1);
    --ds-badge-primary-border: rgb(150 180 214 / 1);
    --ds-badge-primary-text: var(--color-primary-700);
    --ds-badge-success-bg: rgb(221 234 245 / 1);
    --ds-badge-success-border: rgb(145 189 199 / 1);
    --ds-badge-success-text: var(--color-success-700);
    --ds-badge-warning-bg: rgb(237 238 255 / 1);
    --ds-badge-warning-border: rgb(225 195 240 / 1);
    --ds-badge-warning-text: var(--color-warning-900);
    --ds-badge-danger-bg: rgb(230 237 254 / 1);
    --ds-badge-danger-border: rgb(187 176 227 / 1);
    --ds-badge-danger-text: var(--color-danger-700);
    --ds-badge-info-bg: rgb(230 237 246 / 1);
    --ds-badge-info-border: rgb(164 185 207 / 1);
    --ds-badge-info-text: var(--color-info-700);
    --ds-badge-special-bg: rgb(237 240 255 / 1);
    --ds-badge-special-border: rgb(225 195 240 / 1);
    --ds-badge-special-text: var(--color-warning-900);
    --ds-badge-casino-bg: rgb(232 241 254 / 1);
    --ds-badge-casino-border: rgb(170 197 233 / 1);
    --ds-badge-casino-text: var(--color-purple-700, #7b1fa2);
    --ds-table-surface-bg: var(--color-surface);
    --ds-table-header-bg: var(--table-header-bg);
    --ds-table-header-text: var(--color-text-heading);
    --ds-table-row-bg: var(--color-surface);
    --ds-table-row-alt-bg: var(--color-surface-variant);
    --ds-table-row-hover-bg: var(--color-bg-hover);
    --ds-table-row-selected-bg: var(--ds-surface-selected);
    --ds-table-cell-text: var(--color-text-primary);
    --ds-table-muted-text: var(--color-text-secondary);
    --ds-table-border: var(--color-border-primary);
    --ds-form-panel-bg: var(--color-search-shell-inner-bg);
    --ds-form-field-bg: var(--color-search-input-bg);
    --ds-form-field-text: var(--color-text-primary);
    --ds-form-field-border: var(--color-search-input-border);
    --ds-form-field-focus-border: var(--ds-border-focus);
    --ds-modal-bg: var(--color-surface);
    --ds-modal-header-bg: var(--color-surface-variant);
    --ds-modal-body-bg: var(--color-surface);
    --ds-modal-footer-bg: var(--color-surface-variant);
    --ds-modal-border: var(--color-border-primary);
    --ds-modal-text: var(--color-text-primary);
    --ds-admin-modal-shell-bg: var(--color-bg-primary);
    --ds-admin-modal-header-bg: rgb(238 242 249 / 1);
    --ds-admin-modal-body-bg: var(--color-bg-primary);
    --ds-admin-modal-footer-bg: rgb(238 243 249 / 1);
    --ds-admin-modal-panel-bg: rgb(249 252 255 / 1);
    --ds-admin-modal-panel-muted-bg: rgb(243 245 247 / 1);
    --ds-admin-modal-border: rgb(199 216 235 / 0.878431);
    --ds-admin-modal-border-strong: rgb(163 184 206 / 0.901961);
    --ds-admin-modal-accent: var(--color-primary-600);
    --ds-admin-modal-label-bg: rgb(238 243 249 / 1);
    --ds-admin-modal-control-hover-bg: rgb(249 252 255 / 1);
    --ds-admin-modal-control-border: rgb(186 201 216 / 0.901961);
    --ds-admin-modal-control-focus-ring: 0 0 0 3px color-mix(in oklch, var(--color-primary-600) 14%, transparent);
    --ds-admin-modal-control-inner-shadow: inset 0 1px 0 color-mix(in oklch, var(--color-black) 2%, transparent);
    --ds-admin-modal-control-disabled-bg: rgb(247 249 251 / 1);
    --ds-admin-modal-subtle-shadow: 0 1px 2px color-mix(in oklch, var(--color-black) 4%, transparent);
    --ds-admin-modal-accent-panel-border: rgb(149 182 220 / 0.909804);
    --ds-admin-modal-accent-panel-bg: rgb(228 237 249 / 1);
    --ds-admin-modal-accent-inline-bg: rgb(231 239 250 / 1);
    --ds-admin-modal-control-hover-border: rgb(123 161 204 / 0.933333);
    --ds-admin-modal-active-tab-bg: rgb(231 239 250 / 1);
    --ds-admin-modal-callout-bg: rgb(224 233 243 / 1);
    --ds-admin-modal-callout-border: rgb(149 182 220 / 0.909804);
    --ds-admin-flow-scrim-bg: var(--color-black-alpha-60, rgb(0 0 0 / 60%));
    --ds-admin-flow-scrim-soft-bg: var(--color-black-alpha-40, rgb(0 0 0 / 40%));
    --ds-admin-flow-state-error-border: rgb(180 185 239 / 0.909804);
    --ds-admin-flow-state-info-border: rgb(169 202 227 / 0.905882);
    --ds-admin-flow-state-warning-border: rgb(217 202 191 / 0.909804);
    --ds-admin-flow-loading-scrim-bg: rgb(250 252 255 / 0.819608);
    --ds-admin-flow-success-ring-border: rgb(29 135 56 / 0.341176);


    /* Event overall matrix operational surfaces */
    --ds-event-overall-surface-overlay-1: rgb(250 252 255 / 1);
    --ds-event-overall-surface-overlay-2: rgb(250 252 255 / 1);
    --ds-event-overall-surface-overlay-3: rgb(250 252 255 / 1);
    --ds-event-overall-surface-overlay-4: rgb(250 252 255 / 1);
    --ds-event-overall-surface-overlay-5: rgb(250 252 255 / 1);
    --ds-event-overall-surface-overlay-6: rgb(250 252 255 / 1);
    --ds-event-overall-border-light-8: rgb(224 228 232 / 1);
    --ds-event-overall-border-light-10: rgb(225 229 232 / 1);
    --ds-event-overall-border-light-12: rgb(226 229 233 / 1);
    --ds-event-overall-border-light-14: rgb(226 230 233 / 1);
    --ds-event-overall-border-light-18: rgb(228 231 234 / 1);
    --ds-event-overall-border-light-20: rgb(228 232 235 / 1);
    --ds-event-overall-primary-border-soft: rgb(193 214 235 / 1);
    --ds-event-overall-primary400-border-faint: rgb(212 222 232 / 1);
    --ds-event-overall-primary400-border-soft: rgb(209 221 233 / 1);
    --ds-event-overall-primary400-border-strong: rgb(193 214 236 / 1);
    --ds-event-overall-light-line-5: rgb(255 255 255 / 0.05098);
    --ds-event-overall-light-line-6: rgb(255 255 255 / 0.058824);
    --ds-event-overall-light-line-28: rgb(255 255 255 / 0.278431);
    --ds-event-overall-dark-primary-text-subtle: rgb(50 140 255 / 1);
    --ds-event-overall-dark-primary-row-soft: rgb(223 238 255 / 1);
    --ds-event-overall-surface-overlay-8: rgb(250 252 255 / 1);
    --ds-event-overall-surface-base-1: rgb(250 252 255 / 1);
    --ds-event-overall-surface-base-2: rgb(250 252 255 / 1);
    --ds-event-overall-primary-border-16: rgb(189 212 236 / 1);
    --ds-event-overall-primary-border-18: rgb(185 210 236 / 1);
    --ds-event-overall-primary400-border-medium: rgb(199 217 235 / 1);
    --ds-event-overall-primary-surface-6: rgb(236 245 255 / 1);
    --ds-event-overall-primary-surface-8: rgb(232 242 255 / 1);
    --ds-event-overall-primary400-surface-7: rgb(237 245 255 / 1);
    --ds-event-overall-primary400-surface-8: rgb(235 244 255 / 1);
    --ds-event-overall-primary400-surface-12: rgb(228 240 255 / 1);
    --ds-event-overall-master-panel-primary-5: rgb(244 249 255 / 1);
    --ds-event-overall-master-panel-primary-8: rgb(237 245 255 / 1);
    --ds-event-overall-master-panel-primary-9: rgb(235 244 255 / 1);
    --ds-event-overall-master-panel-primary-10: rgb(233 243 255 / 1);
    --ds-event-overall-primary-overlay-12: rgb(0 123 255 / 0.121569);
    --ds-event-overall-primary100-on-light-8: rgb(218 235 255 / 1);
    --ds-event-overall-primary200-on-light-12: rgb(183 214 255 / 1);
    --ds-event-overall-primary-on-light-72: rgb(193 220 255 / 1);
    --ds-event-overall-primary-on-light-92: rgb(237 245 255 / 1);
    --ds-event-overall-primary-on-light-93: rgb(239 246 255 / 1);
    --ds-event-overall-primary-on-dark-10: rgb(0 105 222 / 1);
    --ds-event-overall-dark-row-mix-dark-1: rgb(246 249 252 / 1);
    --ds-event-overall-dark-row-mix-light-1: rgb(250 252 255 / 1);
    --ds-event-overall-dark-row-bg-strong: rgb(250 252 255 / 1);
    --ds-event-overall-dark-primary-border-18: rgb(185 210 236 / 1);
    --ds-event-overall-dark-primary-row-7: rgb(234 244 255 / 1);
    --ds-event-overall-dark-primary-row-14: rgb(219 235 255 / 1);
    --ds-event-overall-dark-primary-text-10: rgb(44 137 255 / 1);
    --ds-event-overall-dark-scrim-22: rgb(0 0 0 / 0.219608);
    --ds-event-overall-dark-scrim-48: rgb(0 0 0 / 0.478431);
    --ds-event-overall-state-positive-soft: rgb(229 243 235 / 1);
    --ds-event-overall-state-positive-border: rgb(177 211 186 / 1);
    --ds-event-overall-state-positive-rail: rgb(127 194 138 / 1);
    --ds-event-overall-state-caution-soft: rgb(250 244 230 / 1);
    --ds-event-overall-state-caution-border: rgb(232 217 184 / 1);
    --ds-event-overall-state-caution-rail: rgb(239 210 148 / 1);

    /* Data/chart/member */
    --ds-data-1: var(--chart-palette-1);
    --ds-data-2: var(--chart-palette-2);
    --ds-data-3: var(--chart-palette-3);
    --ds-data-4: var(--chart-palette-4);
    --ds-data-5: var(--chart-palette-5);
    --ds-data-6: var(--chart-palette-6);
    --ds-data-7: var(--chart-palette-7);
    --ds-chart-stake: var(--chart-stake-color);
    --ds-chart-payout: var(--chart-payout-color);
    --ds-chart-margin: var(--chart-margin-color);
    --ds-chart-grid: var(--chart-grid-color);
    --ds-chart-tooltip-bg: var(--chart-tooltip-bg);
    --ds-chart-tooltip-text: var(--chart-tooltip-text);
    --ds-member-marker-black: var(--member-marker-black);
    --ds-member-marker-pink: var(--member-marker-pink);
    --ds-member-marker-red: var(--member-marker-red);
    --ds-member-marker-orange: var(--member-marker-orange);
    --ds-member-marker-green: var(--member-marker-green);
    --ds-member-marker-white: var(--member-marker-white);
    --ds-member-marker-blue: var(--member-marker-blue);
    --ds-member-marker-purple: var(--member-marker-purple);
    --ds-member-marker-peach: var(--member-marker-peach);
    --ds-member-marker-gray: var(--member-marker-gray);
    --ds-member-marker-lightgreen: var(--member-marker-lightgreen);
    --ds-member-marker-yellow: var(--member-marker-yellow);
    --ds-member-marker-darkblue: var(--member-marker-darkblue);
    --ds-member-marker-brown: var(--member-marker-brown);

    /* Dashboard widget operational surface tokens */
    --ds-widget-light-bg-primary: rgb(250 252 255 / 1);
    --ds-widget-light-text-primary: rgb(32 37 41 / 1);
    --ds-widget-light-text-secondary: rgb(89 94 99 / 1);
    --ds-widget-light-text-tertiary: rgb(133 138 143 / 1);
    --ds-widget-light-ops-surface-soft: rgb(248 251 255 / 1);
    --ds-widget-ops-surface: var(--color-bg-primary);
    --ds-widget-ops-surface-soft: var(--ds-widget-light-ops-surface-soft);
    --ds-widget-ops-border: rgb(197 215 234 / 1);
    --ds-widget-ops-border-strong: rgb(157 197 241 / 1);
    --ds-widget-ops-shadow: 0 14px 34px -28px color-mix(in oklch, var(--color-primary-900, var(--color-primary-700)) 42%, transparent);
    --ds-widget-ops-shadow-hover: 0 20px 42px -32px rgb(15 23 42 / 52%);
    --ds-widget-polish-muted: #53647a;
    --ds-widget-polish-faint: #5b6a7d;
    --ds-widget-polish-surface: var(--color-white);
    --ds-widget-polish-surface-soft: var(--color-bg-secondary);
    --ds-widget-polish-surface-tint: #f3f7fc;
    --ds-widget-polish-border: var(--color-border-primary);
    --ds-widget-polish-border-soft: #e7edf5;
    --ds-widget-polish-shadow: 0 14px 34px -30px rgb(15 23 42 / 38%);
    --ds-widget-primary-surface-faint: rgb(242 248 255 / 1);
    --ds-widget-primary-surface-subtle: rgb(237 245 255 / 1);
    --ds-widget-primary-surface-soft: rgb(235 244 255 / 1);
    --ds-widget-primary-surface-medium: rgb(233 243 255 / 1);
    --ds-widget-primary-surface-strong: rgb(224 238 255 / 1);
    --ds-widget-primary-border-faint: rgb(193 214 235 / 1);
    --ds-widget-primary-border-subtle: rgb(189 212 236 / 1);
    --ds-widget-primary-border-soft: rgb(185 210 236 / 1);
    --ds-widget-primary-border-medium: rgb(181 208 237 / 1);
    --ds-widget-primary-border-strong: rgb(177 207 238 / 1);
    --ds-widget-primary-border-emphasis: rgb(173 205 238 / 1);
    --ds-widget-primary-border-active: rgb(165 201 240 / 1);
    --ds-widget-success-surface-soft: rgb(236 247 236 / 1);
    --ds-widget-success-surface-medium: rgb(234 246 234 / 1);
    --ds-widget-success-border: rgb(171 212 228 / 1);
    --ds-widget-danger-surface-soft: rgb(255 238 238 / 1);
    --ds-widget-danger-border: rgb(228 192 194 / 1);
    --ds-widget-muted-chip-bg: rgb(240 242 244 / 1);
    --ds-widget-focus-outline: rgb(98 165 255 / 1);
    --ds-widget-focus-ring: rgb(0 122 255 / 0.180392);
    --ds-widget-shadow-blue-soft: 0 10px 24px -24px color-mix(in oklch, var(--color-primary-900, var(--color-primary-700)) 44%, transparent);
    --ds-widget-shadow-blue-medium: 0 14px 34px -30px color-mix(in oklch, var(--color-primary-900, var(--color-primary-700)) 48%, transparent);
    --ds-widget-control-active-border: rgb(209 217 227 / 1);
    --ds-widget-restraint-card-recessed-bg: rgb(255 255 255 / 1);
    --ds-widget-catalog-backdrop-bg: rgb(252 253 255 / 1);
    --ds-widget-catalog-panel-recessed-bg: rgb(244 248 252 / 1);
    --ds-widget-primary-overlay-micro: rgb(0 128 255 / 0.023529);
    --ds-widget-primary-overlay-xs: rgb(0 128 255 / 0.031373);
    --ds-widget-primary-overlay-sm: rgb(0 113 255 / 0.035294);
    --ds-widget-primary-overlay: rgb(0 128 255 / 0.039216);
    --ds-widget-primary-overlay-subtle: rgb(0 115 255 / 0.070588);
    --ds-widget-primary-overlay-soft: rgb(0 125 251 / 0.078431);
    --ds-widget-primary-overlay-medium: rgb(0 121 255 / 0.098039);
    --ds-widget-primary-overlay-strong: rgb(0 123 255 / 0.121569);
    --ds-widget-primary-overlay-emphasis: rgb(0 119 255 / 0.160784);
    --ds-widget-primary-transparent-border: rgb(0 120 255 / 0.2);
    --ds-widget-primary-inset-border: rgb(0 120 255 / 0.4);
    --ds-widget-primary-soft-rail: rgb(77 156 251 / 1);
    --ds-widget-primary-soft-outline: rgb(93 162 255 / 1);
    --ds-widget-current-overlay: rgb(0 0 0 / 0.05098);
    --ds-widget-current-overlay-soft: rgb(0 0 0 / 0.058824);
    --ds-widget-current-surface: rgb(219 219 219 / 1);
    --ds-widget-current-border: rgb(170 173 176 / 1);
    --ds-widget-current-border-strong: rgb(153 156 159 / 1);
    --ds-widget-current-border-transparent: rgb(0 0 0 / 0.239216);
    --ds-widget-light-inset-soft: color-mix(in oklch, var(--widget-mix-light, var(--color-white)) 42%, transparent);
    --ds-widget-light-inset-medium: color-mix(in oklch, var(--widget-mix-light, var(--color-white)) 58%, transparent);
    --ds-widget-light-inset-strong: color-mix(in oklch, var(--widget-mix-light, var(--color-white)) 62%, transparent);
    --ds-widget-light-overlay-soft: color-mix(in oklch, var(--widget-mix-light, var(--color-white)) 2.4%, transparent);
    --ds-widget-primary-surface-context: rgb(230 241 255 / 0.901961);
    --ds-widget-primary-surface-context-mobile: rgb(232 242 255 / 0.890196);
    --ds-widget-primary-surface-mobilebar: rgb(226 238 255 / 0.945098);
    --ds-widget-primary-surface-ambient: rgb(231 242 255 / 0.85098);
    --ds-widget-primary-surface-commandbar: rgb(253 254 255 / 1);
    --ds-widget-primary-surface-recessed: rgb(254 255 255 / 1);
    --ds-widget-health-surface: rgb(233 243 255 / 1);
    --ds-widget-health-border: rgb(177 207 238 / 1);
    --ds-widget-success-surface-subtle: rgb(238 248 238 / 1);
    --ds-widget-warning-overlay-soft: rgb(255 196 78 / 0.101961);
    --ds-widget-warning-surface-soft: rgb(255 247 230 / 1);
    --ds-widget-warning-surface-medium: rgb(223 249 255 / 1);
    --ds-widget-warning-surface-strong: rgb(226 249 255 / 1);
    --ds-widget-warning-border-soft: rgb(230 221 199 / 1);
    --ds-widget-warning-border: rgb(188 230 235 / 1);
    --ds-widget-warning-border-medium: rgb(232 219 191 / 1);
    --ds-widget-warning-border-strong: rgb(233 218 185 / 1);
    --ds-widget-warning-border-active: rgb(171 233 222 / 1);
    --ds-widget-warning-border-emphasis: rgb(168 234 213 / 1);
    --ds-widget-shadow-blue-popover: -20px 0 50px -38px color-mix(in oklch, var(--color-primary-900, var(--color-primary-700)) 55%, transparent);
    --ds-widget-shadow-blue-chart: 0 10px 22px -20px color-mix(in oklch, var(--color-primary-900, var(--color-primary-700)) 42%, transparent);
    --ds-widget-primary-overlay-quiet: rgb(0 119 255 / 0.058824);
    --ds-widget-primary-border-surface-medium: rgb(177 207 238 / 1);
    --ds-widget-primary-border-surface-strong: rgb(165 201 240 / 1);
    --ds-widget-shadow-ink-satellite: 0 4px 12px -4px color-mix(in oklch, var(--widget-shadow-ink, var(--color-black)) 8%, transparent);
    --ds-widget-shadow-ink-panel-dark: 0 10px 28px -18px color-mix(in oklch, var(--widget-shadow-ink, var(--color-black)) 65%, transparent);
    --ds-widget-shadow-blue-mobile-card: 0 10px 26px -22px color-mix(in oklch, var(--widget-shadow-blue, var(--color-primary-900, var(--color-primary-700))) 36%, transparent);
    --ds-widget-mock-badge-bg: rgb(255 194 17 / 0.180392);
    --ds-widget-chart-note-bg: rgb(223 238 255 / 1);
    --ds-widget-chart-note-bg-dark: rgb(207 228 250 / 1);
    --ds-widget-current-delta-bg: rgb(0 0 0 / 0.090196);
    --ds-widget-current-delta-border: rgb(0 0 0 / 0.180392);
    --ds-widget-shadow-ink-satellite-dark: 0 4px 12px -4px color-mix(in oklch, var(--widget-shadow-ink, var(--color-black)) 40%, transparent);
    --ds-widget-shadow-ink-panel-soft: 0 8px 24px -8px color-mix(in oklch, var(--widget-shadow-ink, var(--color-black)) 12%, transparent);
    --ds-widget-shadow-ink-panel-strong: 0 8px 24px -8px color-mix(in oklch, var(--widget-shadow-ink, var(--color-black)) 50%, transparent);
    --ds-widget-shadow-primary-hero: 0 16px 48px -16px color-mix(in oklch, var(--color-primary-500) 35%, transparent);
    --ds-widget-primary-transparent-border-medium: rgb(0 120 255 / 0.25098);
    --ds-widget-shadow-ink-card-hover: 0 12px 32px -8px color-mix(in oklch, var(--widget-shadow-ink, var(--color-black)) 18%, transparent);
    --ds-widget-shadow-primary-card-hover: 0 20px 56px -16px color-mix(in oklch, var(--color-primary-500) 45%, transparent);
    --ds-widget-success-overlay-soft: rgb(33 165 66 / 0.121569);
    --ds-widget-danger-overlay-soft: rgb(222 58 74 / 0.121569);
    --ds-widget-neutral-overlay-border: rgb(222 227 230 / 0.6);
    --ds-widget-primary-overlay-hairline: rgb(0 85 255 / 0.011765);
    --ds-widget-primary-border-surface-faint: rgb(197 215 234 / 1);
    --ds-widget-shadow-blue-surface: 0 10px 28px -22px color-mix(in oklch, var(--widget-shadow-blue, var(--color-primary-900, var(--color-primary-700))) 28%, transparent);
    --ds-widget-primary-surface-bright: rgb(236 245 255 / 1);
    --ds-widget-light-shadow: 0 16px 36px -30px color-mix(in oklch, var(--widget-shadow-blue, var(--color-primary-900, var(--color-primary-700))) 34%, transparent);
    --ds-widget-light-shadow-hover: 0 20px 44px -32px color-mix(in oklch, var(--widget-shadow-blue, var(--color-primary-900, var(--color-primary-700))) 42%, transparent);
    --ds-widget-light-border-active: rgb(173 205 238 / 1);
    --ds-widget-light-card-shadow: 0 18px 42px -34px color-mix(in oklch, var(--widget-shadow-blue, var(--color-primary-900, var(--color-primary-700))) 44%, transparent);
    --ds-widget-light-card-shadow-hover: 0 22px 48px -34px color-mix(in oklch, var(--widget-shadow-blue, var(--color-primary-900, var(--color-primary-700))) 50%, transparent);
    --ds-widget-shadow-blue-recessed: 0 10px 24px -22px color-mix(in oklch, var(--widget-shadow-blue, var(--color-primary-900, var(--color-primary-700))) 35%, transparent);
    --ds-widget-shadow-ink-hero-dark: 0 18px 46px -22px color-mix(in oklch, var(--widget-shadow-ink, var(--color-black)) 78%, transparent);
    --ds-widget-shadow-blue-note: 0 12px 28px -18px color-mix(in oklch, var(--widget-shadow-blue, var(--color-primary-900, var(--color-primary-700))) 65%, transparent);
    --ds-widget-chart-brief-bg: rgb(232 242 255 / 1);
    --ds-widget-chart-brief-border: rgb(189 212 236 / 1);
    --ds-widget-primary-surface-dark-strong: rgb(194 222 251 / 1);
    --ds-widget-chart-brief-dark-bg: var(--ds-widget-primary-surface-dark-strong);
    --ds-widget-chart-brief-dark-border: rgb(145 192 243 / 1);
    --ds-widget-shell-light-overlay: color-mix(in oklch, var(--widget-mix-light, var(--color-white)) 8%, transparent);
    --ds-widget-shell-sidebar-shadow: 0 12px 28px -24px color-mix(in oklch, var(--widget-shadow-blue, var(--color-primary-900, var(--color-primary-700))) 62%, transparent);
    --ds-widget-shell-light-divider: color-mix(in oklch, var(--widget-mix-light, var(--color-white)) 16%, transparent);
    --ds-widget-toolbar-border: rgb(169 203 239 / 1);
    --ds-widget-shadow-blue-mobile-hero: 0 16px 34px -26px color-mix(in oklch, var(--widget-shadow-blue, var(--color-primary-900, var(--color-primary-700))) 46%, transparent);
    --ds-widget-shadow-ink-mobile-hero-dark: 0 14px 34px -24px color-mix(in oklch, var(--widget-shadow-ink, var(--color-black)) 74%, transparent);
    --ds-widget-shadow-blue-compact: 0 10px 28px -26px color-mix(in oklch, var(--widget-shadow-blue, var(--color-primary-900, var(--color-primary-700))) 48%, transparent);
    --ds-widget-edit-hover-bg: rgb(8 90 181 / 0.121569);
    --ds-widget-edit-light-border: rgb(219 178 223 / 1);
    --ds-widget-edit-light-hover-bg: rgb(235 127 49 / 0.101961);
    --ds-widget-edit-active-shadow: 0 0 12px color-mix(in oklch, var(--widget-accent-gold, var(--ds-accent-indicator, var(--color-primary-500))) 25%, transparent);
    --ds-widget-edit-light-active-shadow: 0 0 12px color-mix(in oklch, var(--color-warning-700) 22%, transparent);
    --ds-widget-shadow-kpi-hover: 0 4px 12px color-mix(in oklch, var(--widget-shadow-ink, var(--color-black)) 5%, transparent);
    --ds-widget-shadow-game-type-hover: 0 3px 8px color-mix(in oklch, var(--widget-shadow-ink, var(--color-black)) 6%, transparent);
    --ds-widget-shadow-kpi-strong-hover: 0 6px 16px color-mix(in oklch, var(--widget-shadow-ink, var(--color-black)) 8%, transparent);
    --ds-widget-primary-overlay-xxs: rgb(0 102 255 / 0.019608);
    --ds-widget-info-icon-bg: rgb(29 167 186 / 0.101961);
    --ds-widget-success-icon-bg: rgb(29 167 69 / 0.101961);
    --ds-widget-warning-icon-bg: rgb(255 195 13 / 0.14902);
    --ds-widget-danger-icon-bg: rgb(216 59 69 / 0.101961);
    --ds-widget-mock-badge-border: rgb(253 193 15 / 0.4);
    --ds-widget-mock-badge-border-dark: rgb(253 191 16 / 0.501961);
    --ds-widget-primary-surface-header-light: rgb(215 233 255 / 1);
    --ds-widget-light-inset: inset 0 1px 0 color-mix(in oklch, var(--widget-mix-light, var(--color-white)) 45%, transparent);
    --ds-widget-chart-note-active-bg: rgb(228 240 255 / 1);
    --ds-widget-chart-note-active-border: rgb(153 195 241 / 1);
    --ds-widget-game-rail-bg: rgb(0 146 227 / 1);
    --ds-widget-primary-polish-border-active: rgb(171 204 239 / 1);
    --ds-widget-empty-metric-bg: rgb(234 242 255 / 0.862745);
    --ds-widget-dark-op-hover-bg: rgb(219 235 255 / 1);
    --ds-widget-focus-ring-shadow: 0 0 0 4px color-mix(in oklch, var(--widget-focus-accent, var(--color-primary-500)) 24%, transparent);
    --ds-widget-current-normal-rail: rgb(70 72 73 / 1);
    --ds-widget-normal-accent-rail: rgb(93 165 249 / 1);
    --ds-widget-warning-normal-border: rgb(236 201 183 / 1);
    --ds-widget-warning-normal-rail-shadow: inset 2px 0 0 color-mix(in oklch, var(--color-warning-700) 78%, var(--widget-normal-border-soft, var(--ds-widget-polish-border-soft)));
    --ds-widget-sidebar-text: rgb(255 255 255 / 88%);
    --ds-widget-sidebar-text-muted: rgb(255 255 255 / 70%);
    --ds-widget-shell-primary-overlay: rgb(7 85 177 / 0.141176);
    --ds-widget-tblr-primary-lt-fallback: rgb(10 88 177 / 0.101961);
    --ds-widget-tblr-info-lt-fallback: rgb(59 108 157 / 0.101961);
    --ds-widget-tblr-success-lt-fallback: rgb(29 118 49 / 0.101961);
    --ds-widget-tblr-warning-lt-fallback: color-mix(in oklch, var(--tblr-warning, var(--color-warning-500)) 12%, transparent);
    --ds-widget-tblr-danger-lt-fallback: rgb(196 29 49 / 0.101961);
    --ds-widget-dark-card-focus-overlay: rgb(0 116 255 / 0.043137);
    --ds-widget-dark-subcard-overlay: color-mix(in oklch, var(--widget-mix-light, var(--color-white)) 2.5%, transparent);
    --ds-widget-primary-polish-border-emphasis: rgb(161 199 240 / 1);
    /* Bootstrap / Tabler compatibility */
    --bs-body-bg: var(--ds-surface-page);
    --bs-body-color: var(--ds-text-base);
    --bs-emphasis-color: var(--ds-text-strong);
    --bs-secondary-color: var(--ds-text-muted);
    --bs-tertiary-color: var(--ds-text-subtle);
    --bs-border-color: var(--ds-border-default);
    --bs-border-color-translucent: var(--ds-border-subtle);
    --bs-primary: var(--ds-brand);
    --bs-success: var(--ds-success);
    --bs-danger: var(--ds-danger);
    --bs-warning: var(--ds-warning);
    --bs-info: var(--ds-info);
    --tblr-body-bg: var(--ds-surface-page);
    --tblr-body-color: var(--ds-text-base);
    --tblr-heading-color: var(--ds-text-strong);
    --tblr-border-color: var(--ds-border-default);
    --tblr-primary: var(--ds-brand);
    --tblr-success: var(--ds-success);
    --tblr-danger: var(--ds-danger);
    --tblr-warning: var(--ds-warning);
    --tblr-info: var(--ds-info);
}
:root[data-theme="dark"] {
    --ds-admin-flow-state-error-border: rgb(234 143 141 / 0.384314);
    --ds-admin-flow-state-info-border: rgb(130 193 206 / 0.368627);
    --ds-admin-flow-state-warning-border: rgb(237 177 122 / 0.384314);
    --ds-admin-modal-accent-inline-bg: rgb(11 18 29 / 1);
    --ds-admin-modal-accent-panel-bg: rgb(15 24 37 / 1);
    --ds-admin-modal-accent-panel-border: rgb(122 172 245 / 0.384314);
    --ds-admin-modal-active-tab-bg: rgb(14 23 35 / 1);
    --ds-admin-modal-control-hover-border: rgb(108 166 249 / 0.462745);
    --ds-comment-config-source-dark-field-focus-ring: rgb(67 150 255 / 0.180392);
    --ds-comment-config-source-field-focus-bg: rgb(12 18 27 / 1);
    --ds-comment-config-source-field-focus-ring: rgb(66 148 255 / 0.121569);
    --ds-comment-config-source-icon-bg: rgb(13 20 31 / 1);
    --ds-comment-config-source-icon-border: rgb(108 166 249 / 0.462745);
    --ds-comment-config-source-input-saved-bg: rgb(13 24 34 / 1);
    --ds-comment-config-source-input-value-border: rgb(94 160 252 / 0.576471);
    --ds-comment-config-source-kpi-info-bg: rgb(18 26 36 / 1);
    --ds-comment-config-source-kpi-primary-bg: rgb(15 25 38 / 1);
    --ds-comment-config-source-kpi-success-bg: rgb(13 27 38 / 1);
    --ds-comment-config-source-kpi-warning-bg: rgb(27 29 47 / 1);
    --ds-comment-config-source-save-bg: rgb(13 24 34 / 1);
    --ds-comment-config-source-save-border: rgb(112 192 121 / 0.462745);
    --ds-comment-config-source-tab-active-bg: rgb(12 21 33 / 1);
    --ds-comment-config-source-tab-hover-bg: rgb(62 148 255 / 0.082353);
    --ds-log-common-source-danger-action-bg: rgb(32 17 20 / 1);
    --ds-log-common-source-danger-action-hover-bg: rgb(47 22 27 / 1);
    --ds-log-common-source-dark-search-th-bg: rgb(30 40 55 / 1);
    --ds-log-common-source-dark-state-bar-bg: rgb(13 18 27 / 0.6);
    --ds-log-common-source-dark-state-bar-border: rgb(72 83 100 / 0.180392);
    --ds-log-common-source-search-th-bg: rgb(244 249 255 / 1);
    --ds-log-common-source-state-bar-bg: rgb(6 8 14 / 0.721569);
    --ds-log-common-source-token-primary-bg: rgb(62 148 255 / 0.082353);
    --ds-log-common-source-token-primary-border: rgb(67 150 255 / 0.180392);
    --ds-log-event-source-focus-row-bg: rgb(14 35 64 / 1);
    --ds-login-log-source-dark-preset-checked-bg: rgb(67 150 255 / 0.180392);
    --ds-login-log-source-dark-preset-group-bg: rgb(14 19 26 / 0.580392);
    --ds-login-log-source-dark-preset-group-border: rgb(71 84 100 / 0.239216);
    --ds-login-log-source-dark-preset-hover-bg: rgb(66 148 255 / 0.121569);
    --ds-login-log-source-dark-preset-label-bg: rgb(26 32 40 / 0.819608);
    --ds-login-log-source-dark-preset-label-border: rgb(71 84 100 / 0.239216);
    --ds-login-log-source-partner-badge-bg: rgb(113 170 255 / 0.070588);
    --ds-login-log-source-partner-badge-border: rgb(114 174 255 / 0.2);
    --ds-login-log-source-preset-checked-bg: rgb(109 179 255 / 0.101961);
    --ds-login-log-source-preset-checked-border: rgb(113 175 255 / 0.423529);
    --ds-login-log-source-preset-hover-bg: rgb(118 177 255 / 0.05098);
    --ds-sgp-combo-source-detail-card-checked-bg: rgb(10 25 45 / 1);
    --ds-sgp-combo-source-detail-header-bg: rgb(13 16 21 / 1);
    --ds-sgp-combo-source-pill-bg: rgb(12 15 20 / 1);
    --ds-sgp-combo-source-pill-muted-hover-bg: rgb(18 23 32 / 1);
    --ds-sgp-combo-source-section-header-bg: rgb(12 15 20 / 1);
    --ds-sgp-combo-source-tab-active-bg: rgb(12 21 33 / 1);
    --ds-sgp-combo-source-tab-hover-bg: rgb(62 148 255 / 0.082353);
    --ds-attach-common-source-selected-bg: rgb(31 26 18 / 1);
    --ds-attach-common-source-shell-bg: rgb(12 15 20 / 1);
    --ds-attach-common-source-shell-border: rgb(41 56 79 / 1);
    --ds-casino-detail-source-soft-info-border: rgb(182 200 223 / 0.219608);
    --ds-dragdrop-order-source-dark-item-state-bg: rgb(15 25 38 / 1);
    --ds-dragdrop-order-source-item-state-bg: rgb(10 16 25 / 1);
    --ds-manual-result-source-status-chip-border: rgb(196 200 209 / 0.219608);
    --ds-popup-section-header-source-dark-info-bg: rgb(26 38 55 / 1);
    --ds-popup-section-header-source-info-bg: rgb(19 28 41 / 1);
    --ds-sidebar-source-danger-divider-border: rgb(237 113 116 / 0.796078);
    --ds-sidebar-source-status-soft-bg: rgb(236 100 106 / 0.160784);
    --ds-tournament-source-member-row-hover-bg: rgb(68 153 255 / 0.058824);
    --ds-tournament-source-option-active-bg: rgb(62 145 255 / 0.047059);
}

:root[data-theme="dark"] {
    --ds-widget-warning-normal-border:  rgb(230 142 83 / 0.407843);
}
:root[data-theme="dark"] {
    --ds-widget-warning-icon-bg:  rgb(255 154 20 / 0.14902);
}
:root[data-theme="dark"] {
    --ds-widget-toolbar-border:  rgb(118 170 245 / 0.4);
}
:root[data-theme="dark"] {
    --ds-widget-tblr-success-lt-fallback:  rgb(69 186 88 / 0.101961);
}
:root[data-theme="dark"] {
    --ds-widget-tblr-primary-lt-fallback:  rgb(69 147 255 / 0.101961);
}
:root[data-theme="dark"] {
    --ds-widget-tblr-info-lt-fallback:  rgb(78 177 196 / 0.101961);
}
:root[data-theme="dark"] {
    --ds-widget-tblr-danger-lt-fallback:  rgb(235 98 108 / 0.101961);
}
:root[data-theme="dark"] {
    --ds-widget-success-overlay-soft:  rgb(66 189 90 / 0.121569);
}
:root[data-theme="dark"] {
    --ds-widget-success-icon-bg:  rgb(69 186 88 / 0.101961);
}
:root[data-theme="dark"] {
    --ds-widget-shell-primary-overlay:  rgb(112 175 255 / 0.141176);
}
:root[data-theme="dark"] {
    --ds-widget-primary-transparent-border-medium:  rgb(68 147 255 / 0.25098);
}
:root[data-theme="dark"] {
    --ds-widget-primary-surface-header-light:  rgb(16 28 46 / 1);
}
:root[data-theme="dark"] {
    --ds-widget-primary-surface-dark-strong:  rgb(22 39 63 / 1);
}
:root[data-theme="dark"] {
    --ds-widget-primary-surface-bright:  rgb(10 16 25 / 1);
}
:root[data-theme="dark"] {
    --ds-widget-primary-polish-border-emphasis:  rgb(111 167 248 / 0.431373);
}
:root[data-theme="dark"] {
    --ds-widget-primary-polish-border-active:  rgb(120 171 245 / 0.392157);
}
:root[data-theme="dark"] {
    --ds-widget-primary-overlay-xxs:  rgb(51 153 255 / 0.019608);
}
:root[data-theme="dark"] {
    --ds-widget-primary-overlay-quiet:  rgb(68 153 255 / 0.058824);
}
:root[data-theme="dark"] {
    --ds-widget-primary-overlay-hairline:  rgb(85 170 255 / 0.011765);
}
:root[data-theme="dark"] {
    --ds-widget-primary-border-surface-strong:  rgb(115 168 245 / 0.415686);
}
:root[data-theme="dark"] {
    --ds-widget-primary-border-surface-medium:  rgb(125 174 244 / 0.368627);
}
:root[data-theme="dark"] {
    --ds-widget-primary-border-surface-faint:  rgb(147 185 238 / 0.286275);
}
:root[data-theme="dark"] {
    --ds-widget-normal-accent-rail:  rgb(82 154 254 / 0.705882);
}
:root[data-theme="dark"] {
    --ds-widget-neutral-overlay-border:  rgb(202 211 220 / 0.113725);
}
:root[data-theme="dark"] {
    --ds-widget-mock-badge-border:  rgb(253 153 20 / 0.4);
}
:root[data-theme="dark"] {
    --ds-widget-mock-badge-border-dark:  rgb(253 153 22 / 0.501961);
}
:root[data-theme="dark"] {
    --ds-widget-mock-badge-bg:  rgb(255 155 22 / 0.180392);
}
:root[data-theme="dark"] {
    --ds-widget-light-ops-surface-soft:  rgb(201 207 215 / 1);
}
:root[data-theme="dark"] {
    --ds-widget-light-border-active:  rgb(122 172 245 / 0.384314);
}
:root[data-theme="dark"] {
    --ds-widget-info-icon-bg:  rgb(78 177 196 / 0.101961);
}
:root[data-theme="dark"] {
    --ds-widget-game-rail-bg:  rgb(30 167 235 / 1);
}
:root[data-theme="dark"] {
    --ds-widget-empty-metric-bg:  rgb(10 17 27 / 0.858824);
}
:root[data-theme="dark"] {
    --ds-widget-edit-light-border:  rgb(232 141 82 / 0.560784);
}
:root[data-theme="dark"] {
    --ds-widget-edit-hover-bg:  rgb(66 148 255 / 0.121569);
}
:root[data-theme="dark"] {
    --ds-widget-dark-op-hover-bg:  rgb(16 28 46 / 1);
}
:root[data-theme="dark"] {
    --ds-widget-dark-card-focus-overlay:  rgb(66 153 255 / 0.047059);
}
:root[data-theme="dark"] {
    --ds-widget-danger-overlay-soft:  rgb(239 99 107 / 0.121569);
}
:root[data-theme="dark"] {
    --ds-widget-danger-icon-bg:  rgb(235 98 108 / 0.101961);
}
:root[data-theme="dark"] {
    --ds-widget-current-normal-rail:  rgb(250 247 249 / 0.643137);
}
:root[data-theme="dark"] {
    --ds-widget-current-delta-border:  rgb(255 255 255 / 0.180392);
}
:root[data-theme="dark"] {
    --ds-widget-current-delta-bg:  rgb(255 255 255 / 0.090196);
}
:root[data-theme="dark"] {
    --ds-widget-chart-note-bg:  rgb(13 23 37 / 1);
}
:root[data-theme="dark"] {
    --ds-widget-chart-note-bg-dark:  rgb(19 32 51 / 1);
}
:root[data-theme="dark"] {
    --ds-widget-chart-note-active-border:  rgb(108 166 249 / 0.462745);
}
:root[data-theme="dark"] {
    --ds-widget-chart-note-active-bg:  rgb(13 23 37 / 1);
}
:root[data-theme="dark"] {
    --ds-widget-chart-brief-dark-border:  rgb(102 165 251 / 0.498039);
}
:root[data-theme="dark"] {
    --ds-widget-chart-brief-border:  rgb(139 179 239 / 0.317647);
}
:root[data-theme="dark"] {
    --ds-widget-chart-brief-bg:  rgb(11 18 29 / 1);
}

:root[data-theme="dark"] {
    --ds-event-overall-surface-overlay-1: rgb(11 15 21 / 1);
    --ds-event-overall-surface-overlay-2: rgb(13 17 23 / 1);
    --ds-event-overall-surface-overlay-3: rgb(15 19 25 / 1);
    --ds-event-overall-surface-overlay-4: rgb(17 21 27 / 1);
    --ds-event-overall-surface-overlay-5: rgb(19 23 29 / 1);
    --ds-event-overall-surface-overlay-6: rgb(21 25 31 / 1);
    --ds-event-overall-border-light-8: rgb(216 224 231 / 0.254902);
    --ds-event-overall-border-light-10: rgb(222 225 233 / 0.270588);
    --ds-event-overall-border-light-12: rgb(234 224 227 / 0.286275);
    --ds-event-overall-border-light-14: rgb(225 229 235 / 0.301961);
    --ds-event-overall-border-light-18: rgb(228 234 237 / 0.333333);
    --ds-event-overall-border-light-20: rgb(238 232 235 / 0.34902);
    --ds-event-overall-primary-border-soft: rgb(142 182 238 / 0.301961);
    --ds-event-overall-primary400-border-faint: rgb(170 195 229 / 0.235294);
    --ds-event-overall-primary400-border-soft: rgb(161 192 231 / 0.254902);
    --ds-event-overall-primary400-border-strong: rgb(132 177 240 / 0.333333);
    --ds-event-overall-dark-primary-text-subtle: rgb(92 162 255 / 1);
    --ds-event-overall-dark-primary-row-soft: rgb(16 27 43 / 1);
    --ds-event-overall-surface-overlay-8: rgb(24 29 34 / 1);
    --ds-event-overall-surface-base-1: rgb(8 11 16 / 1);
    --ds-event-overall-surface-base-2: rgb(9 13 18 / 1);
    --ds-event-overall-primary-border-16: rgb(139 179 239 / 0.317647);
    --ds-event-overall-primary-border-18: rgb(132 177 240 / 0.333333);
    --ds-event-overall-primary400-border-medium: rgb(142 182 238 / 0.301961);
    --ds-event-overall-primary-surface-6: rgb(13 20 31 / 1);
    --ds-event-overall-primary-surface-8: rgb(14 23 35 / 1);
    --ds-event-overall-primary400-surface-7: rgb(14 21 33 / 1);
    --ds-event-overall-primary400-surface-8: rgb(14 23 35 / 1);
    --ds-event-overall-primary400-surface-12: rgb(16 27 43 / 1);
    --ds-event-overall-master-panel-primary-5: rgb(246 250 255 / 1);
    --ds-event-overall-master-panel-primary-8: rgb(240 247 255 / 1);
    --ds-event-overall-master-panel-primary-9: rgb(238 246 255 / 1);
    --ds-event-overall-master-panel-primary-10: rgb(237 245 255 / 1);
    --ds-event-overall-primary-overlay-12: rgb(66 148 255 / 0.121569);
    --ds-event-overall-primary100-on-light-8: rgb(29 55 93 / 1);
    --ds-event-overall-primary200-on-light-12: rgb(35 50 71 / 1);
    --ds-event-overall-primary-on-light-72: rgb(204 226 255 / 1);
    --ds-event-overall-primary-on-light-92: rgb(240 247 255 / 1);
    --ds-event-overall-primary-on-light-93: rgb(242 248 255 / 1);
    --ds-event-overall-primary-on-dark-10: rgb(57 128 224 / 1);
    --ds-event-overall-dark-row-mix-dark-1: rgb(9 13 19 / 1);
    --ds-event-overall-dark-row-mix-light-1: rgb(11 15 21 / 1);
    --ds-event-overall-dark-row-bg-strong: rgb(9 13 19 / 1);
    --ds-event-overall-dark-primary-border-18: rgb(132 177 240 / 0.333333);
    --ds-event-overall-dark-primary-row-7: rgb(14 21 33 / 1);
    --ds-event-overall-dark-primary-row-14: rgb(18 30 47 / 1);
    --ds-event-overall-dark-primary-text-10: rgb(88 159 255 / 1);
    --ds-event-overall-state-positive-soft: rgb(16 29 28 / 1);
    --ds-event-overall-state-positive-border: rgb(120 195 135 / 0.415686);
    --ds-event-overall-state-positive-rail: rgb(90 190 108 / 0.658824);
    --ds-event-overall-state-caution-soft: rgb(38 31 27 / 1);
    --ds-event-overall-state-caution-border: rgb(241 172 109 / 0.431373);
    --ds-event-overall-state-caution-rail: rgb(247 163 75 / 0.611765);
    --ds-member-popup-page-source-action-separator-border: rgb(199 205 218 / 0.160784);
    --ds-member-popup-page-source-active-rail-fallback: rgb(138 148 158 / 1);
    --ds-member-popup-page-source-caution-rail-fallback: rgb(146 148 149 / 1);
    --ds-member-popup-page-source-danger-rail-fallback: rgb(149 145 151 / 1);
    --ds-member-popup-page-source-icon-hover-bg: rgb(32 44 62 / 1);
    --ds-member-popup-page-source-icon-hover-border: rgb(104 166 249 / 0.482353);
    --ds-member-popup-page-source-level-checked-bg: rgb(32 44 62 / 1);
    --ds-member-popup-page-source-level-hover-bg: rgb(30 40 55 / 1);
    --ds-member-popup-page-source-shell-border: rgb(198 207 220 / 0.227451);
}

[data-theme="dark"] :is(.admin-dense-page--inplay-bets, .admin-dense-page--sport-bets) {
    --ds-bets-common-source-scroll-edge-bg: color-mix(in srgb, var(--color-black) 42%, transparent);
}

/* Member info log tab scoped source tokens
   Generated from adm/css/pages/member-info-log-tab.css so member-log embedded
   surfaces resolve through selector-local design tokens instead of page-local
   color recipes. */



















/* End Member info log tab scoped source tokens */

/* Super member list scoped source tokens */

/* Member info log scoped source tokens */

/* End Member info log scoped source tokens */


/* Member spy scoped source tokens
   Generated from adm/css/pages/member-spy.css so page-level color recipes
   resolve through design tokens while preserving selector-local custom properties. */

/* End Member spy scoped source tokens */

/* Event attendance user scoped source tokens
   Generated from adm/css/pages/event-attendance-user.css so page-level color recipes
   resolve through design tokens while preserving selector-local custom properties. */

/* End Event attendance user scoped source tokens */

/* Event attendance list scoped source tokens
   Generated from adm/css/pages/event-attendance-list.css so page-level badge and
   level chip recipes resolve through design tokens while preserving selector-local
   custom properties. */

/* End Event attendance list scoped source tokens */

/* Event payback scoped source tokens
   Generated from adm/css/pages/event-payback.css so payback and payback2
   page-level color recipes resolve through design tokens while preserving
   selector-local custom properties. */


.admin-dense-page--event-settings.admin-dense-page--payback-list .log-table > tbody > tr > td:where([data-col="mb_id"], [data-col="mb_nick"])[class*="cell-color-"],
.admin-dense-page--event-settings.admin-dense-page--payback2-list .log-table > tbody > tr > td:where([data-col="mb_id"], [data-col="mb_nick"])[class*="cell-color-"] {
    --ds-event-payback-source-020: color-mix(in srgb, var(--cell-color-marker, var(--event-payback-chip-neutral-rail)) var(--event-payback-member-color-strength), var(--event-payback-row-bg) calc(100% - var(--event-payback-member-color-strength)));
    --ds-event-payback-source-021: color-mix(in srgb, var(--cell-color-marker, var(--event-payback-chip-neutral-rail)) var(--event-payback-member-rail-strength), var(--event-payback-cell-border) calc(100% - var(--event-payback-member-rail-strength)));
}

/* End Event payback scoped source tokens */

/* Event time range/referral scoped source tokens
   Generated from adm/css/pages/event-time-range-referral.css so page-level
   color recipes resolve through design tokens while preserving selector-local
   custom properties. */

/* End Event time range/referral scoped source tokens */
/* Event settings scoped source tokens
   Generated from adm/css/pages/event-settings.css so page-level color recipes
   resolve through design tokens while preserving selector-local custom properties. */



































/* End Event settings scoped source tokens */


/* Event day deposit scoped source tokens
   Generated from adm/css/pages/event-day-deposit.css so amount/count
   event badge and level-tab recipes resolve through design tokens. */






/* End Event day deposit scoped source tokens */

/* Event win scoped source tokens
   Generated from adm/css/pages/event-win.css so win-event list/detail panel
   and action-button recipes resolve through design tokens. */

/* End Event win scoped source tokens */

/* Event personal settlement scoped source tokens
   Generated from adm/css/pages/event-personal-settlement.css so state-bar
   and dark select recipes resolve through design tokens. */

/* End Event personal settlement scoped source tokens */

/* Board scoped source tokens
   Generated from adm/css/pages/board.css so page-level color recipes
   resolve through design tokens while preserving selector-local custom properties. */





















































/* End Board scoped source tokens */

/* Board banner popup form scoped source tokens
   Generated from adm/css/pages/board-banner-popup-form.css so banner popup
   upload, preview, radio, and selected-file surfaces resolve through tokens. */

/* End Board banner popup form scoped source tokens */

/* Event overall status scoped source tokens
   Generated from adm/css/pages/event-overall-status.css so page-level color recipes
   resolve through design tokens while preserving selector-local custom properties. */






















































































































































































































/* Event detail overview operational surfaces
   Scoped outside :root so component-local aliases and currentColor resolve at the consuming element. */
.event-detail-overview {
    --ds-event-detail-overview-danger-500-28-border: rgb(229 183 184 / 1);
    --ds-event-detail-overview-info-500-18-border: rgb(197 213 226 / 1);
    --ds-event-detail-overview-info-500-4-surface: rgb(243 248 254 / 1);
    --ds-event-detail-overview-info-500-6-surface: rgb(240 246 253 / 1);
    --ds-event-detail-overview-info-700-70-text-muted: rgb(68 105 142 / 1);
    --ds-event-detail-overview-primary-300-22-transparent: rgb(112 175 255 / 0.223529);
    --ds-event-detail-overview-primary-300-62-surface: rgb(166 205 255 / 1);
    --ds-event-detail-overview-primary-400-12-surface: rgb(228 240 255 / 1);
    --ds-event-detail-overview-primary-500-10-transparent: rgb(0 121 255 / 0.098039);
    --ds-event-detail-overview-primary-500-10-surface: rgb(228 240 255 / 1);
    --ds-event-detail-overview-primary-500-11-surface: rgb(226 239 255 / 1);
    --ds-event-detail-overview-primary-500-12-transparent: rgb(0 123 255 / 0.121569);
    --ds-event-detail-overview-primary-500-14-transparent: rgb(0 120 255 / 0.141176);
    --ds-event-detail-overview-primary-500-14-surface: rgb(219 235 255 / 1);
    --ds-event-detail-overview-primary-500-16-transparent: rgb(0 119 255 / 0.160784);
    --ds-event-detail-overview-primary-500-18-transparent: rgb(0 122 255 / 0.180392);
    --ds-event-detail-overview-primary-500-18-border: rgb(185 210 236 / 1);
    --ds-event-detail-overview-primary-500-20-transparent: rgb(0 120 255 / 0.2);
    --ds-event-detail-overview-primary-500-20-border: rgb(181 208 237 / 1);
    --ds-event-detail-overview-primary-500-22-border: rgb(177 207 238 / 1);
    --ds-event-detail-overview-primary-500-24-transparent: rgb(0 121 255 / 0.239216);
    --ds-event-detail-overview-primary-500-24-border: rgb(173 205 238 / 1);
    --ds-event-detail-overview-primary-500-28-border: rgb(165 201 240 / 1);
    --ds-event-detail-overview-primary-500-32-border: rgb(157 197 241 / 1);
    --ds-event-detail-overview-primary-500-36-transparent: rgb(0 122 255 / 0.360784);
    --ds-event-detail-overview-primary-500-38-transparent: rgb(0 121 255 / 0.380392);
    --ds-event-detail-overview-primary-500-4-transparent: rgb(0 128 255 / 0.039216);
    --ds-event-detail-overview-primary-500-44-border: rgb(133 186 244 / 1);
    --ds-event-detail-overview-primary-500-48-transparent: rgb(0 121 255 / 0.478431);
    --ds-event-detail-overview-primary-500-5-transparent: rgb(0 118 255 / 0.05098);
    --ds-event-detail-overview-primary-500-5-surface: rgb(239 246 255 / 1);
    --ds-event-detail-overview-primary-500-54-transparent: rgb(0 120 255 / 0.541176);
    --ds-event-detail-overview-primary-500-58-border: rgb(105 171 248 / 1);
    --ds-event-detail-overview-primary-500-62-border: rgb(97 167 249 / 1);
    --ds-event-detail-overview-primary-500-62-surface: rgb(114 175 255 / 1);
    --ds-event-detail-overview-primary-500-7-surface: rgb(234 244 255 / 1);
    --ds-event-detail-overview-primary-500-72-border: rgb(77 156 251 / 1);
    --ds-event-detail-overview-primary-500-76-border: rgb(68 151 251 / 1);
    --ds-event-detail-overview-primary-500-8-transparent: rgb(0 125 251 / 0.078431);
    --ds-event-detail-overview-primary-500-8-surface: rgb(232 242 255 / 1);
    --ds-event-detail-overview-primary-500-9-surface: rgb(230 241 255 / 1);
    --ds-event-detail-overview-primary-700-18-transparent: rgb(0 67 144 / 0.180392);
    --ds-event-detail-overview-success-500-10-surface: rgb(231 244 236 / 1);
    --ds-event-detail-overview-success-500-11-surface: rgb(229 243 235 / 1);
    --ds-event-detail-overview-success-500-13-surface: rgb(225 241 231 / 1);
    --ds-event-detail-overview-success-500-24-border: rgb(184 213 192 / 1);
    --ds-event-detail-overview-success-500-28-border: rgb(177 211 186 / 1);
    --ds-event-detail-overview-success-500-58-border: rgb(127 194 138 / 1);
    --ds-event-detail-overview-warning-500-10-surface: rgb(250 246 237 / 1);
    --ds-event-detail-overview-warning-500-13-surface: rgb(250 245 232 / 1);
    --ds-event-detail-overview-warning-500-18-border: rgb(228 221 203 / 1);
    --ds-event-detail-overview-warning-500-24-border: rgb(230 219 194 / 1);
    --ds-event-detail-overview-warning-500-26-border: rgb(230 218 191 / 1);
    --ds-event-detail-overview-warning-500-28-border: rgb(231 218 187 / 1);
    --ds-event-detail-overview-warning-500-4-surface: rgb(250 250 248 / 1);
    --ds-event-detail-overview-warning-500-58-border: rgb(241 208 138 / 1);
    --ds-event-detail-overview-warning-500-7-surface: rgb(250 248 243 / 1);
    --ds-event-detail-overview-warning-700-72-text-muted: rgb(193 119 72 / 1);
    --ds-event-detail-overview-border-76-primary-300-24: rgb(194 215 238 / 1);
    --ds-event-detail-overview-border-82-primary-500-18: rgb(185 210 236 / 1);
    --ds-event-detail-overview-border-82-surface-18: rgb(227 230 234 / 1);
    --ds-event-detail-overview-border-84-transparent: rgb(222 226 230 / 0.839216);
    --ds-event-detail-overview-border-86-surface-14: rgb(226 229 233 / 1);
    --ds-event-detail-overview-border-88-transparent: rgb(222 227 230 / 0.878431);
    --ds-event-detail-overview-border-90-transparent: rgb(222 226 230 / 0.901961);
    --ds-event-detail-overview-surface-26-transparent: rgb(250 254 254 / 0.258824);
    --ds-event-detail-overview-surface-28-transparent: rgb(249 253 253 / 0.282353);
    --ds-event-detail-overview-surface-44-transparent: rgb(250 253 255 / 0.439216);
    --ds-event-detail-overview-surface-60-transparent: rgb(250 252 255 / 0.6);
    --ds-event-detail-overview-surface-62-transparent: rgb(250 252 255 / 0.619608);
    --ds-event-detail-overview-surface-64-transparent: rgb(250 252 255 / 0.639216);
    --ds-event-detail-overview-surface-78-surface-muted: rgb(249 251 254 / 1);
    --ds-event-detail-overview-surface-82-surface-muted-18: rgb(249 251 254 / 1);
    --ds-event-detail-overview-surface-82-surface-muted: rgb(249 251 254 / 1);
    --ds-event-detail-overview-surface-88-surface-elevated-12: rgb(248 251 254 / 1);
    --ds-event-detail-overview-surface-94-surface-elevated-6: rgb(249 251 255 / 1);
    --ds-event-detail-overview-surface-elevated-10-transparent: rgb(235 245 245 / 0.101961);
    --ds-event-detail-overview-surface-elevated-12-transparent: rgb(239 239 247 / 0.121569);
    --ds-event-detail-overview-surface-elevated-7-transparent: rgb(241 241 255 / 0.070588);
    --ds-event-detail-overview-surface-elevated-78-surface: rgb(240 244 250 / 1);
    --ds-event-detail-overview-surface-elevated-8-transparent: rgb(242 242 255 / 0.078431);
    --ds-event-detail-overview-surface-elevated-86-surface: rgb(239 244 250 / 1);
    --ds-event-detail-overview-surface-elevated-9-transparent: rgb(233 244 244 / 0.090196);
    --ds-event-detail-overview-surface-muted-72-surface-28: rgb(248 250 252 / 1);
    --ds-event-detail-overview-surface-muted-82-surface-18: rgb(247 249 251 / 1);
    --ds-event-detail-overview-surface-muted-86-surface-14: rgb(247 249 251 / 1);
    --ds-event-detail-overview-surface-muted-92-surface-elevated-8: rgb(246 248 250 / 1);
    --ds-event-detail-overview-text-2-transparent: rgb(51 51 51 / 0.019608);
    --ds-event-detail-overview-text-3-transparent: rgb(32 32 32 / 0.031373);
    --ds-event-detail-overview-text-5-transparent: rgb(39 39 39 / 0.05098);
    --ds-event-detail-overview-text-6-transparent: rgb(34 34 34 / 0.058824);
    --ds-event-detail-overview-text-66-text-muted: rgb(51 55 60 / 1);
    --ds-event-detail-overview-text-muted-14-border: rgb(202 206 210 / 1);
    --ds-event-detail-overview-text-muted-16-border: rgb(199 203 208 / 1);
    --ds-event-detail-overview-text-muted-20-border: rgb(194 198 202 / 1);
    --ds-event-detail-overview-text-muted-22-border: rgb(191 195 199 / 1);
    --ds-event-detail-overview-text-muted-24-border: rgb(188 192 197 / 1);
    --ds-event-detail-overview-text-muted-28-transparent: rgb(90 93 101 / 0.278431);
    --ds-event-detail-overview-text-muted-4-surface: rgb(243 245 249 / 1);
    --ds-event-detail-overview-text-muted-5-surface: rgb(241 243 247 / 1);
    --ds-event-detail-overview-text-muted-6-surface: rgb(239 242 245 / 1);
    --ds-event-detail-overview-text-muted-8-surface: rgb(236 238 242 / 1);
}
[data-theme="dark"] .event-detail-overview {
    --ds-event-detail-overview-danger-500-28-border: rgb(231 140 142 / 0.415686);
    --ds-event-detail-overview-info-500-18-border: rgb(138 195 207 / 0.333333);
    --ds-event-detail-overview-info-500-4-surface: rgb(18 24 32 / 1);
    --ds-event-detail-overview-info-500-6-surface: rgb(19 26 36 / 1);
    --ds-event-detail-overview-info-700-70-text-muted: rgb(92 129 168 / 1);
    --ds-event-detail-overview-primary-300-62-surface: rgb(73 110 163 / 1);
    --ds-event-detail-overview-primary-400-12-surface: rgb(21 32 49 / 1);
    --ds-event-detail-overview-primary-500-10-transparent: rgb(69 147 255 / 0.101961);
    --ds-event-detail-overview-primary-500-10-surface: rgb(20 30 45 / 1);
    --ds-event-detail-overview-primary-500-11-surface: rgb(20 31 47 / 1);
    --ds-event-detail-overview-primary-500-12-transparent: rgb(66 148 255 / 0.121569);
    --ds-event-detail-overview-primary-500-14-transparent: rgb(64 150 255 / 0.141176);
    --ds-event-detail-overview-primary-500-14-surface: rgb(22 35 53 / 1);
    --ds-event-detail-overview-primary-500-16-transparent: rgb(68 149 255 / 0.160784);
    --ds-event-detail-overview-primary-500-18-transparent: rgb(67 150 255 / 0.180392);
    --ds-event-detail-overview-primary-500-18-border: rgb(132 177 240 / 0.333333);
    --ds-event-detail-overview-primary-500-20-transparent: rgb(65 150 255 / 0.2);
    --ds-event-detail-overview-primary-500-20-border: rgb(129 175 244 / 0.34902);
    --ds-event-detail-overview-primary-500-22-border: rgb(125 174 244 / 0.368627);
    --ds-event-detail-overview-primary-500-24-transparent: rgb(67 146 255 / 0.239216);
    --ds-event-detail-overview-primary-500-24-border: rgb(122 172 245 / 0.384314);
    --ds-event-detail-overview-primary-500-28-border: rgb(115 168 245 / 0.415686);
    --ds-event-detail-overview-primary-500-32-border: rgb(110 168 248 / 0.447059);
    --ds-event-detail-overview-primary-500-36-transparent: rgb(66 146 255 / 0.360784);
    --ds-event-detail-overview-primary-500-38-transparent: rgb(68 147 255 / 0.380392);
    --ds-event-detail-overview-primary-500-4-transparent: rgb(74 148 247 / 0.039216);
    --ds-event-detail-overview-primary-500-44-border: rgb(95 161 251 / 0.545098);
    --ds-event-detail-overview-primary-500-48-transparent: rgb(67 148 255 / 0.478431);
    --ds-event-detail-overview-primary-500-5-transparent: rgb(62 145 255 / 0.047059);
    --ds-event-detail-overview-primary-500-5-surface: rgb(17 25 35 / 1);
    --ds-event-detail-overview-primary-500-54-transparent: rgb(67 148 255 / 0.541176);
    --ds-event-detail-overview-primary-500-58-border: rgb(87 156 253 / 0.658824);
    --ds-event-detail-overview-primary-500-62-border: rgb(83 155 254 / 0.690196);
    --ds-event-detail-overview-primary-500-62-surface: rgb(47 95 160 / 1);
    --ds-event-detail-overview-primary-500-7-surface: rgb(18 27 39 / 1);
    --ds-event-detail-overview-primary-500-72-border: rgb(78 153 255 / 0.772549);
    --ds-event-detail-overview-primary-500-76-border: rgb(76 152 255 / 0.803922);
    --ds-event-detail-overview-primary-500-8-transparent: rgb(62 148 255 / 0.082353);
    --ds-event-detail-overview-primary-500-8-surface: rgb(19 28 41 / 1);
    --ds-event-detail-overview-primary-500-9-surface: rgb(19 29 43 / 1);
    --ds-event-detail-overview-success-500-10-surface: rgb(20 33 33 / 1);
    --ds-event-detail-overview-success-500-11-surface: rgb(21 35 34 / 1);
    --ds-event-detail-overview-success-500-13-surface: rgb(22 38 35 / 1);
    --ds-event-detail-overview-success-500-24-border: rgb(125 195 141 / 0.384314);
    --ds-event-detail-overview-success-500-28-border: rgb(120 195 135 / 0.415686);
    --ds-event-detail-overview-success-500-58-border: rgb(90 190 108 / 0.658824);
    --ds-event-detail-overview-warning-500-10-surface: rgb(34 31 31 / 1);
    --ds-event-detail-overview-warning-500-13-surface: rgb(40 35 33 / 1);
    --ds-event-detail-overview-warning-500-18-border: rgb(231 180 135 / 0.333333);
    --ds-event-detail-overview-warning-500-24-border: rgb(237 177 122 / 0.384314);
    --ds-event-detail-overview-warning-500-26-border: rgb(238 175 115 / 0.4);
    --ds-event-detail-overview-warning-500-28-border: rgb(238 173 113 / 0.415686);
    --ds-event-detail-overview-warning-500-4-surface: rgb(22 24 28 / 1);
    --ds-event-detail-overview-warning-500-58-border: rgb(247 161 68 / 0.658824);
    --ds-event-detail-overview-warning-500-7-surface: rgb(28 28 30 / 1);
    --ds-event-detail-overview-warning-700-72-text-muted: rgb(219 142 95 / 1);
    --ds-event-detail-overview-border-76-primary-300-24: rgb(148 190 247 / 0.384314);
    --ds-event-detail-overview-border-82-primary-500-18: rgb(132 177 240 / 0.333333);
    --ds-event-detail-overview-border-82-surface-18: rgb(93 99 108 / 0.333333);
    --ds-event-detail-overview-border-84-transparent: rgb(198 210 217 / 0.156863);
    --ds-event-detail-overview-border-86-surface-14: rgb(106 113 123 / 0.301961);
    --ds-event-detail-overview-border-88-transparent: rgb(200 206 219 / 0.164706);
    --ds-event-detail-overview-border-90-transparent: rgb(202 208 219 / 0.168627);
    --ds-event-detail-overview-surface-26-transparent: rgb(15 19 27 / 0.258824);
    --ds-event-detail-overview-surface-28-transparent: rgb(14 18 25 / 0.278431);
    --ds-event-detail-overview-surface-44-transparent: rgb(14 18 25 / 0.439216);
    --ds-event-detail-overview-surface-60-transparent: rgb(13 18 27 / 0.6);
    --ds-event-detail-overview-surface-62-transparent: rgb(15 19 26 / 0.619608);
    --ds-event-detail-overview-surface-64-transparent: rgb(14 19 27 / 0.639216);
    --ds-event-detail-overview-surface-78-surface-muted: rgb(14 19 25 / 1);
    --ds-event-detail-overview-surface-82-surface-muted-18: rgb(14 19 25 / 1);
    --ds-event-detail-overview-surface-82-surface-muted: rgb(14 19 25 / 1);
    --ds-event-detail-overview-surface-88-surface-elevated-12: rgb(16 20 27 / 1);
    --ds-event-detail-overview-surface-94-surface-elevated-6: rgb(15 20 27 / 1);
    --ds-event-detail-overview-surface-elevated-10-transparent: rgb(29 29 39 / 0.101961);
    --ds-event-detail-overview-surface-elevated-12-transparent: rgb(25 33 41 / 0.121569);
    --ds-event-detail-overview-surface-elevated-7-transparent: rgb(28 28 43 / 0.070588);
    --ds-event-detail-overview-surface-elevated-78-surface: rgb(23 29 37 / 1);
    --ds-event-detail-overview-surface-elevated-8-transparent: rgb(25 38 38 / 0.078431);
    --ds-event-detail-overview-surface-elevated-86-surface: rgb(24 30 38 / 1);
    --ds-event-detail-overview-surface-elevated-9-transparent: rgb(22 33 44 / 0.090196);
    --ds-event-detail-overview-surface-muted-72-surface-28: rgb(14 18 23 / 1);
    --ds-event-detail-overview-surface-muted-82-surface-18: rgb(14 17 23 / 1);
    --ds-event-detail-overview-surface-muted-86-surface-14: rgb(14 17 22 / 1);
    --ds-event-detail-overview-surface-muted-92-surface-elevated-8: rgb(15 18 23 / 1);
    --ds-event-detail-overview-text-2-transparent: rgb(204 204 255 / 0.019608);
    --ds-event-detail-overview-text-3-transparent: rgb(223 223 223 / 0.031373);
    --ds-event-detail-overview-text-5-transparent: rgb(235 235 235 / 0.05098);
    --ds-event-detail-overview-text-6-transparent: rgb(221 221 238 / 0.058824);
    --ds-event-detail-overview-text-66-text-muted: rgb(208 211 214 / 1);
    --ds-event-detail-overview-text-muted-14-border: rgb(185 195 202 / 0.301961);
    --ds-event-detail-overview-text-muted-16-border: rgb(186 192 201 / 0.317647);
    --ds-event-detail-overview-text-muted-20-border: rgb(183 192 198 / 0.34902);
    --ds-event-detail-overview-text-muted-22-border: rgb(182 190 195 / 0.368627);
    --ds-event-detail-overview-text-muted-24-border: rgb(182 190 195 / 0.384314);
    --ds-event-detail-overview-text-muted-28-transparent: rgb(172 180 183 / 0.278431);
    --ds-event-detail-overview-text-muted-4-surface: rgb(19 24 31 / 1);
    --ds-event-detail-overview-text-muted-5-surface: rgb(21 26 32 / 1);
    --ds-event-detail-overview-text-muted-6-surface: rgb(22 27 34 / 1);
    --ds-event-detail-overview-text-muted-8-surface: rgb(24 30 36 / 1);
}

.event-detail-overview-source {
    --ds-event-detail-overview-currentcolor-10-transparent: rgb(29 39 39 / 0.101961);
}

[data-theme="dark"] .event-detail-overview-source {
    --ds-event-detail-overview-currentcolor-10-transparent: rgb(226 226 235 / 0.101961);
}

.event-detail-overview-legend__dot {
    --ds-event-detail-overview-currentcolor-14-transparent: rgb(35 35 43 / 0.141176);
}

[data-theme="dark"] .event-detail-overview-legend__dot {
    --ds-event-detail-overview-currentcolor-14-transparent: rgb(227 227 234 / 0.141176);
}

.event-detail-overview-legend span {
    --ds-event-detail-overview-legend-accent-12-transparent: color-mix(in oklch, var(--event-detail-overview-legend-accent) 12%, transparent);
    --ds-event-detail-overview-legend-accent-24-border: color-mix(in oklch, var(--event-detail-overview-legend-accent) 24%, var(--event-detail-overview-border));
    --ds-event-detail-overview-legend-accent-58-text: color-mix(in oklch, var(--event-detail-overview-legend-accent) 58%, var(--event-detail-overview-text));
    --ds-event-detail-overview-legend-accent-7-surface: color-mix(in oklch, var(--event-detail-overview-legend-accent) 7%, var(--event-detail-overview-surface));
}

.event-detail-overview-section-row th {
    --ds-event-detail-overview-section-accent-13-surface-muted: color-mix(in oklch, var(--event-detail-overview-section-accent) 13%, var(--event-detail-overview-surface-muted));
    --ds-event-detail-overview-section-accent-14-border: color-mix(in oklch, var(--event-detail-overview-section-accent) 14%, var(--event-detail-overview-border));
    --ds-event-detail-overview-section-accent-18-border: color-mix(in oklch, var(--event-detail-overview-section-accent) 18%, var(--event-detail-overview-border));
    --ds-event-detail-overview-section-accent-5-surface-muted: color-mix(in oklch, var(--event-detail-overview-section-accent) 5%, var(--event-detail-overview-surface-muted));
}

/* ═══ RESOLVED-TOKEN CONTRACT (JS/canvas consumers — light-dark() 단일 소스의 유일한 예외) ═══ */
/* T743 (2026-05-12) — Chart.js/canvas consumers require resolved color strings.
   Keep chart/JS-readable tokens here as explicit [data-theme="dark"] values. */
[data-theme="dark"] {
    --chart-palette-1: #5b9eff;
    --chart-palette-2: #3ec16a;
    --chart-palette-3: #fcd535;
    --chart-palette-4: #cb6dff;
    --chart-palette-5: #f07580;
    --chart-palette-6: #7884ff;
    --chart-palette-7: #38e1d7;  /* teal-bright (T884 bet_dashboard 종목 다크) */

    --chart-stake-color: #5b9eff;
    --chart-stake-fill: rgba(91, 158, 255, 0.10);
    --chart-payout-color: #fcd535;
    --chart-payout-fill: rgba(252, 213, 53, 0.10);
    --chart-margin-color: #f07580;
    --chart-margin-fill: rgba(240, 117, 128, 0.14);

    --chart-color-stake-rgb: 88, 166, 255;
    --chart-color-profit-rgb: 110, 231, 183;
    --chart-color-margin-rgb: 210, 168, 95;
    --color-primary-500-rgb: 67, 148, 255;
    --color-success-500-rgb: 69, 186, 91;
    --color-warning-500-rgb: 253, 153, 21;
    --chart-line-fill-alpha-dark: 0.045;
    --chart-line-fill-alpha-light: 0.075;
    --chart-bar-fill-alpha-dark: 0.22;
    --chart-bar-fill-alpha-light: 0.28;
    --chart-bar-hover-fill-alpha-dark: 0.34;
    --chart-bar-hover-fill-alpha-light: 0.42;

    --chart-legend-color: #eaecef;
    --chart-tick-color: #b7bdc6;
    --chart-grid-color: rgba(255, 255, 255, 0.08);

    --chart-tooltip-bg: rgba(20, 24, 31, 0.95);
    --chart-tooltip-border: rgba(91, 158, 255, 0.35);
    --chart-tooltip-text: #eaecef;
    --chart-text-primary: #eaecef;
    --chart-text-secondary: #b7bdc6;
    --chart-surface-primary: rgb(16, 18, 24);
    --chart-surface-secondary: rgb(20, 24, 31);
}

/* Event template card scoped source tokens
   Generated from adm/css/pages/event-template-card.css so event template cards, shortcut bars, source links, and event info rows resolve color recipes through selector-local design tokens. */





/* End Event template card scoped source tokens */

@supports not (color: light-dark(red, blue)) {
    body::before {
        content: "⚠ 이 브라우저는 light-dark() CSS 함수를 지원하지 않습니다. Chrome 123+ 또는 Edge 123+ 사용을 권장합니다.";
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: var(--z-index-toast-overlay);
        padding: var(--space-2) var(--space-4);
        background: #dc3545;
        color: var(--state-danger-fill-text);
        font-size: var(--font-size-14);
        text-align: center;
    }
}

/* Member common scoped source tokens
   Generated from adm/css/pages/member-common.css so shared member filters,
   warning memo rows, recommendation chips, modal controls, and table states resolve
   color recipes through selector-local design tokens instead of page-local color declarations. */
















/* End Member common scoped source tokens */

/* Member list scoped source tokens
   Generated from adm/css/pages/member-list.css so member list table, popover,
   memo strip, and recommend popup color recipes resolve through selector-local
   design tokens instead of page-local color-mix declarations. */
























/* End Member list scoped source tokens */

/* Member excel upload scoped source tokens
   Generated from adm/css/pages/member-excel-upload.css so upload, badge,
   progress, and result surfaces resolve through design tokens. */

/* End Member excel upload scoped source tokens */

/* Sport common scoped source tokens
   Generated from adm/css/pages/sport-common.css so betting order modal and
   sport popup color recipes resolve through design tokens while preserving
   selector-local custom properties. */


/* End Sport common scoped source tokens */