/* =========================================================
   프로젝트 매니저 — Design Tokens v2
   액센트 = 코발트 1개. '진행 중'은 세룰리안으로 분리.
   표면: 앱 바탕(크롬) 위에 작업 패널이 한 장 떠 있는 구조.
   다크: prefers-color-scheme + [data-theme] 둘 다
   ========================================================= */

:root,
[data-theme="light"] {
  color-scheme: light;

  --bg-app: #EDEEF1;         /* 크롬: 상단 바 · 목록 · 상태줄 */
  --bg-panel: #FFFFFF;       /* 작업 패널 · 팝오버 */
  --bg-subtle: #F6F7F9;
  --bg-hover: #E3E5E9;       /* 크롬 위 hover */
  --bg-hover-panel: #F3F4F6; /* 패널 위 hover */
  --bg-selected: #DDE4F7;    /* 열림 = 코발트 저채도 */
  --bg-inset: #F0F1F4;

  --border: #E3E5E9;
  --border-strong: #CDD1D8;

  --text: #16181C;
  --text-secondary: #555B65;
  --text-tertiary: #80868F;
  --text-disabled: #ADB2B9;

  --accent: #3155C9;
  --accent-text: #FFFFFF;
  --accent-strong: #233F9E;  /* 선택 배경 위 글자 */
  --accent-subtle: #E8EDFB;
  --accent-hover: #2848B2;
  --focus-ring: #3155C9;
  --new-dot: #3155C9;

  --status-progress: #0B84BD;  --status-progress-subtle: #E2F2FA;
  --status-waiting: #7A68B6;   --status-waiting-subtle: #EFECF8;
  --status-hold: #9A7412;      --status-hold-subtle: #F6F0DE;
  --status-done: #2B8455;      --status-done-subtle: #E3F2E9;
  --status-cancelled: #8A9099; --status-cancelled-subtle: #EEEFF1;

  --urgent: #CC3631;  --urgent-subtle: #FBE9E8;  --urgent-tint: #FBEFEE;
  --warn: #D2620E;    --warn-subtle: #FCEEE2;

  --av-1-bg: #D9E2F4; --av-1-fg: #2F4C7E;
  --av-2-bg: #EADFEF; --av-2-fg: #5D4372;
  --av-3-bg: #D6EADF; --av-3-fg: #2A5E43;
  --av-4-bg: #F0E3D3; --av-4-fg: #74522C;

  --shadow-panel: 0 0 0 1px rgba(20, 24, 31, .06), 0 1px 2px rgba(20, 24, 31, .05), 0 4px 16px rgba(20, 24, 31, .04);
  --shadow-raise: 0 0 0 1px rgba(20, 24, 31, .07), 0 1px 2px rgba(20, 24, 31, .06);
  --shadow-pop: 0 0 0 1px rgba(20, 24, 31, .06), 0 8px 24px rgba(20, 24, 31, .12);
  --shadow-modal: 0 0 0 1px rgba(20, 24, 31, .06), 0 24px 64px rgba(20, 24, 31, .22);
  --scrim: rgba(22, 25, 30, .24);
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg-app: #111316;
  --bg-panel: #1A1C20;
  --bg-subtle: #1E2125;
  --bg-hover: #1F2226;
  --bg-hover-panel: #212429;
  --bg-selected: #23304F;
  --bg-inset: #23262B;
  --border: #2A2D33;
  --border-strong: #3A3E46;
  --text: #E7E9EC;
  --text-secondary: #A4A9B1;
  --text-tertiary: #7D838C;
  --text-disabled: #555A62;
  --accent: #7D9BF5;
  --accent-text: #0F1320;
  --accent-strong: #B9CAFB;
  --accent-subtle: #222C45;
  --accent-hover: #98B0F8;
  --focus-ring: #7D9BF5;
  --new-dot: #7D9BF5;
  --status-progress: #4CB2E6;  --status-progress-subtle: #16293A;
  --status-waiting: #A898DE;   --status-waiting-subtle: #272436;
  --status-hold: #CFA243;      --status-hold-subtle: #2C281B;
  --status-done: #5DB587;      --status-done-subtle: #1B2C23;
  --status-cancelled: #858B94; --status-cancelled-subtle: #25272B;
  --urgent: #EE6A61;  --urgent-subtle: #3A2221;  --urgent-tint: #221B1C;
  --warn: #EE9149;    --warn-subtle: #36281C;
  --av-1-bg: #2A3448; --av-1-fg: #A9BEE2;
  --av-2-bg: #352C3F; --av-2-fg: #C7B4DA;
  --av-3-bg: #253A2F; --av-3-fg: #A3CFB4;
  --av-4-bg: #3B3125; --av-4-fg: #DCC09A;
  --shadow-panel: 0 0 0 1px rgba(255,255,255,.05), 0 8px 24px rgba(0,0,0,.35);
  --shadow-raise: 0 0 0 1px rgba(255,255,255,.07);
  --shadow-pop: 0 0 0 1px rgba(255,255,255,.06), 0 10px 28px rgba(0,0,0,.5);
  --shadow-modal: 0 0 0 1px rgba(255,255,255,.07), 0 24px 64px rgba(0,0,0,.6);
  --scrim: rgba(0, 0, 0, .5);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg-app: #111316; --bg-panel: #1A1C20; --bg-subtle: #1E2125; --bg-hover: #1F2226; --bg-hover-panel: #212429;
    --bg-selected: #23304F; --bg-inset: #23262B; --border: #2A2D33; --border-strong: #3A3E46;
    --text: #E7E9EC; --text-secondary: #A4A9B1; --text-tertiary: #7D838C; --text-disabled: #555A62;
    --accent: #7D9BF5; --accent-text: #0F1320; --accent-strong: #B9CAFB; --accent-subtle: #222C45; --accent-hover: #98B0F8;
    --focus-ring: #7D9BF5; --new-dot: #7D9BF5;
    --status-progress: #4CB2E6; --status-progress-subtle: #16293A;
    --status-waiting: #A898DE; --status-waiting-subtle: #272436;
    --status-hold: #CFA243; --status-hold-subtle: #2C281B;
    --status-done: #5DB587; --status-done-subtle: #1B2C23;
    --status-cancelled: #858B94; --status-cancelled-subtle: #25272B;
    --urgent: #EE6A61; --urgent-subtle: #3A2221; --urgent-tint: #221B1C;
    --warn: #EE9149; --warn-subtle: #36281C;
    --av-1-bg: #2A3448; --av-1-fg: #A9BEE2; --av-2-bg: #352C3F; --av-2-fg: #C7B4DA;
    --av-3-bg: #253A2F; --av-3-fg: #A3CFB4; --av-4-bg: #3B3125; --av-4-fg: #DCC09A;
    --shadow-panel: 0 0 0 1px rgba(255,255,255,.05), 0 8px 24px rgba(0,0,0,.35);
    --shadow-raise: 0 0 0 1px rgba(255,255,255,.07);
    --shadow-pop: 0 0 0 1px rgba(255,255,255,.06), 0 10px 28px rgba(0,0,0,.5);
    --shadow-modal: 0 0 0 1px rgba(255,255,255,.07), 0 24px 64px rgba(0,0,0,.6);
    --scrim: rgba(0, 0, 0, .5);
  }
}

:root {
  --font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --fs-xs: 11px; --fs-sm: 12px; --fs-base: 13px; --fs-md: 15px; --fs-lg: 18px; --fs-xl: 24px;
  --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600;
  --lh-tight: 1.35; --lh-base: 1.62; --ls-title: -0.02em;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-7: 32px; --space-8: 40px;
  --radius-xs: 3px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-panel: 10px;
  --icon-inline: 16px; --icon-toolbar: 20px;
  --duration-fast: 120ms; --duration-base: 180ms; --ease-out: cubic-bezier(.2, .7, .3, 1);
  --topbar-h: 48px; --statusbar-h: 28px;
  --list-w-full: 340px; --list-w-mid: 280px; --list-w-compact: 190px; --panel-min: 450px;
}