/* 색·글자·치수 토큰(X-01.25, LAYOUT §5·§6·§1.1). 값은 모두 스크린샷 추정값(±4/채널) — 바꿀 때는 여기 한 곳만 고친다. */
:root {
  color-scheme: dark;

  /* 면(LAYOUT §5.1) */
  --toolbar-top: #3b3b3b;
  --toolbar-bottom: #323232;
  --toolbar-button: #4a4a4a;
  --toolbar-button-pressed: #131313;
  --pane-bg: #1f1f1f;
  --pane-bg-alt: #1b1b1b;
  --viewer-canvas-surround: #161616;
  --timeline-header: #333333;
  --ruler-bg: #1f1f1f;
  --ruler-text: #767676;
  --divider: #0a0a0a;
  --row-selected: #505050;
  --inspector-row: #2d2d2d;
  --inspector-field: #4a4a4a;
  --inspector-field-text: #d4d0c9;
  --inspector-header-box: #696969;

  /* 글자(LAYOUT §5.2) */
  --text-primary: #d6d6d6;
  --text-secondary: #868686;
  --text-label: #707070;
  --text-header: #b3b3b3;
  --timecode-bright: #b3b3b3;
  --timecode-dim: #444444;
  --clip-name-on-video: #93b0d6;

  /* 강조·상태(LAYOUT §5.3, PD-11 재생헤드 노랑) */
  --accent: #5c60e6;
  --accent-fill: #595ac1;
  --selection: #ffdb31;
  --playhead: #ffee32;
  --skimmer: #e94f29;
  --skimmer-snapped: #ffee32;
  --range-used: #f39a2e;
  --line-favorite: #4caf50;
  --line-rejected: #e5484d;
  --line-keyword: #558eb9;
  --line-analysis: #9b6fd6;
  --keyframe-handle: #7375e5;
  --osc-handle: #3b82f6;
  --timecode-entry: #7a7ef0;

  /* 아이콘 상태색(X-02.4) */
  --icon-off: #b2b2b2;
  --icon-toolbar: #dbdbdb;
  --icon-on: var(--accent);
  --icon-disabled-opacity: 0.4;

  /* 역할 색(LAYOUT §5.4) */
  --role-video-dark: #1e3553;
  --role-video-light: #617ca0;
  --role-titles-dark: #503883;
  --role-titles-light: #bea9e8;
  --role-dialogue-dark: #1e3553;
  --role-dialogue-light: #617ca0;
  --role-effects-dark: #1a4d5b;
  --role-effects-light: #4e9fb0;
  --role-music-dark: #17592d;
  --role-music-light: #51a66d;
  --role-adjustment: #53214b;
  --transition-block: #505050;

  /* 알림 막대 */
  --notice-bg: #2b2b2b;
  --notice-error: #b8402f;
  --notice-warning: #c99a2e;
  --notice-info: var(--accent);

  /* 메뉴(X-04.1 — macOS 메뉴 느낌, [recall, unverified]) */
  --menubar-bg: #262626;
  --menu-bg: #2a2a2a;
  --menu-border: #4a4a4a;
  --menu-highlight: var(--accent);
  --menu-text: #e4e4e4;
  --menu-text-disabled: #6e6e6e;
  --menu-shortcut: #9a9a9a;

  /* 글자(LAYOUT §6) — 글꼴 스택(--font-ui·--font-timecode)은 i18n/fonts.css(로케일별, X-05.9) */
  --fs-list: 12.5px;
  --fs-filmstrip: 11px;
  --fs-header: 11.5px;
  --fs-inspector: 11px;
  --fs-ruler: 10px;
  --fs-timecode: 23px;
  --fs-button: 13px;
  --fs-menu: 13px;
  --fs-dialog-title: 13px;

  /* 고정 치수(X-01.3, X-04.1) */
  --h-menubar: 24px;
  --h-toolbar: 39px;
  --h-pane-header: 28px;
  --h-viewer-bottom: 28px;
  --h-timeline-header: 29px;
  --h-ruler: 18px;
  --w-toolbar-button: 48px;
  --h-toolbar-button: 22px;
  --icon-size: 16px;
  --icon-size-toolbar: 18px;
  --splitter-hit: 7px;

  /* 최소 크기(X-01.4 [recall, unverified]) */
  --min-sidebar: 150px;
  --min-browser: 200px;
  --min-viewer: 320px;
  --min-inspector: 280px;
  --min-upper: 200px;
  --min-timeline: 120px;

  /* 기본 작업 공간 비율(X-01.3) — 분할선을 끌면 app-shell.js가 이 값을 바꾼다 */
  --fr-sidebar: 13.9fr;
  --fr-browser: 22fr;
  --fr-viewer: 36fr;
  --fr-inspector: 28fr;
  --fr-upper: 47.7fr;
  --fr-timeline: 44.2fr;
}