/** * 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에서 제거) */ @import "./semantic/color.css"; @import "./compatibility/legacy-color-aliases.css"; @import "./compatibility/vendor-aliases.css"; @import "./compatibility/resolved-runtime-colors.css"; /* Dark canonical 1B Batch 1 uncovered root light-dark() dark arms. */ /* ═══════════════════════════════════════════ 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 ═══════════════════════════════════════════ */ /* ═══════════════════════════════════════════ 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. ═══════════════════════════════════════════ */ /* 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. */ /* 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. */ /* ═══ 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. */ /* 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 */ /* 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 */