/* ══════════════════════════════════════════════════════════════ 학원VOD 공통 테마 — Windows 11 (Fluent) 색 토큰 ★여기 한 곳만 고치면 전 화면 색이 따라온다. 저장 위치: C:\Users\ggom_\hakwon-vod\public\theme.css 각 화면 에: 원칙 — 강조 파랑(--accent)은 "지금 활성/선택/포커스인 것" 에만. 나머지 면적은 전부 무채색(회색·흰색). 이게 OS 감성의 정체. ══════════════════════════════════════════════════════════════ */ :root { /* ── 표면 ── */ --canvas: #f3f3f3; /* 페이지 바탕 (Mica) */ --surface: #ffffff; /* 카드·패널 */ --surface-alt: #fbfbfb; /* 상단바 등 살짝 다른 흰 */ --line: #e5e5e5; /* 기본 경계선 */ --line-strong: #d1d1d1; /* 강조 경계·입력칸 테두리 */ /* ── 글자 ── */ --ink: #1a1a1a; /* 본문 */ --muted: #5a5a5a; /* 보조 */ --hint: #8a8a8a; /* 힌트·플레이스홀더 */ /* ── 강조 (Windows 파랑) — 활성/선택/포커스에만 ── */ --accent: #0078d4; --accent-hover: #106ebe; --accent-press: #005a9e; --accent-soft: #e5f0fb; /* 선택 하이라이트 틴트 */ --accent-border: #cfe4f7; /* ── 의미색 ── */ --ok: #0f7b0f; /* 성공·완강 (Windows 초록) */ --ok-soft: #e5f3e5; --danger: #c42b1c; /* 경고·퇴원 (Windows 빨강) */ --danger-soft: #fdeceb; --warn: #9d5d00; /* ── 플레이어 ── */ --player-bg: #0f172a; /* 재생 커버 다크 표지 */ /* ── 모양 ── */ --radius: 5px; /* 버튼·입력칸 (Windows 11의 절제된 둥글기) */ --radius-card: 8px; /* 카드·패널 */ /* ── 글꼴 — Windows 사용자는 Segoe UI, 그 외 대체 ── */ --font: "Segoe UI Variable Text","Segoe UI",-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",sans-serif; --warn-soft: #fff4ce; }