/* deckkit 기본 테마 — 색·타이포 토큰만. 구조는 engine/deck.css 가 담당한다. 새 테마는 이 파일을 복사해 값만 바꾸면 된다. 토큰 이름은 바꾸지 말 것 — 엔진과 기능 모듈이 이 이름들을 참조한다. */ :root { /* 바탕·글자 */ --bg:#fafafa; --fg:#16181d; --muted:#6b7280; --panel:#ffffff; --border:#e5e7eb; /* 강조·의미색 */ --accent:#2563eb; --accent-fg:#ffffff; /* accent 배경 위 글자색 */ --ok:#04805a; --warn:#ab5e05; --bad:#c81e1e; /* 장식 */ --prog-mid:#7c3aed; /* 진행바 그라디언트 중간색 */ --shadow-pill:0 4px 16px rgb(0 0 0 / .08); --radius:10px; /* 타이포 */ --font-sans:-apple-system,'Noto Sans KR','Apple SD Gothic Neo',sans-serif; --font-mono:ui-monospace,'SF Mono',Menlo,monospace; /* 브랜드 마크 — 덱이 자기 로고를 넣을 때 쓰는 슬롯 */ --brand-fg:#16181d; --brand-accent:var(--accent); } @media (prefers-color-scheme: dark) { :root { --bg:#0f1216; --fg:#e7e9ee; --muted:#9aa2af; --panel:#171c23; --border:#2a313b; --accent:#60a5fa; --accent-fg:#0f1216; --brand-fg:#dfe5f0; /* 의미색은 바탕이 뒤집히면 대비가 무너진다 — 다크용으로 따로 잡는다 */ --ok:#059266; --warn:#bf6905; --bad:#e14747; } } /* 강제 라이트/다크 — 발표장 조명에 맞춰 덱에서 로 고정할 수 있다 */ :root[data-theme="light"] { --bg:#fafafa; --fg:#16181d; --muted:#6b7280; --panel:#ffffff; --border:#e5e7eb; --accent:#2563eb; --accent-fg:#ffffff; --brand-fg:#16181d; --ok:#04805a; --warn:#ab5e05; --bad:#c81e1e; } :root[data-theme="dark"] { --bg:#0f1216; --fg:#e7e9ee; --muted:#9aa2af; --panel:#171c23; --border:#2a313b; --accent:#60a5fa; --accent-fg:#0f1216; --brand-fg:#dfe5f0; /* 의미색은 바탕이 뒤집히면 대비가 무너진다 — 다크용으로 따로 잡는다 */ --ok:#059266; --warn:#bf6905; --bad:#e14747; }