/* ============================================================================
   @name  흰 평면
   @color #f7f9fb
   ----------------------------------------------------------------------------
   거의 흰 바탕 · 흰 면 · 파랑. 얇은 선 + 아래로 번지는 옅은 그림자, 입력칸은 흰 칸 + 1px 선 (phpbasicapi 2026-09-27)
   규칙은 blue.css 머리말과 같다 - 모든 변수를 빠짐없이 채운다
   ============================================================================ */
:root {
  --uk-r-xs: 4px;  --uk-r-sm: 8px;  --uk-r-md: 12px;  --uk-r-lg: 16px;  --uk-r-xl: 24px;  --uk-r-pill: 999px;  /* 모든 테마 같음(2026-10-02) */
  --uk-r-btn: 12px;                 /* 네모 버튼 */

  color-scheme: light;
  --uk-bg: #f7f9fb;       --uk-surface: #ffffff; --uk-paper: #fff; /* 문서·슬라이드 종이(미리보기 포함) - 인쇄·PDF와 같은 흰색, 다크에서도 흰색 */  --uk-head: #f9fafb;  --uk-sunk: #ffffff;
  --uk-border: #dfe4ea;   --uk-line: #edf0f3;
  --uk-fg: #1f2933;       --uk-muted: #66788a;
  --uk-brand: #2f77c9;    --uk-brand-dark: #2463ab;   --uk-brand-light: #e7f0fa;
  --uk-pick: var(--uk-brand);  --uk-pick-dark: var(--uk-brand-dark);  --uk-pick-light: var(--uk-brand-light);  /* 선택 표시(지금 보는 곳) - 이 테마는 강조색과 같다 */
  --uk-danger: #d9444a;   --uk-danger-dark: #bd353b;  --uk-danger-light: #fdeced;  --uk-danger-fg: #a32d32;
  --uk-ok: #1f9d55;       --uk-ok-fg: #1d6b40;        --uk-ok-light: #e8f6ee;
  --uk-warn: #d9890f;     --uk-warn-fg: #7f5208;      --uk-warn-light: #fdf4e1;
  /* 차트 계열 색 - 선·막대를 가르는 차례 색(1~4는 뜻 색과 같다). 규칙은 ui/chart.md */
  --uk-series-1: var(--uk-brand); --uk-series-2: var(--uk-ok); --uk-series-3: var(--uk-warn); --uk-series-4: var(--uk-danger);
  --uk-series-5: #7c3aed; --uk-series-6: #0891b2; --uk-series-7: #db2777; --uk-series-8: #65a30d;
  --uk-on-strong: #fff;
  --uk-folder: #f0b429;
  --uk-tip-bg: #33404d;   --uk-tip-fg: #fff;
  --uk-today: #fff8dc;
  --uk-backdrop: rgba(30, 40, 56, .16);
  --uk-scrim: rgba(0, 0, 0, .4);
  --uk-shc: 31, 41, 51;
  /* 평면 - 떠 있음은 얇은 선 + 아래로 번지는 옅은 그림자, 들어감은 1px 선 */
  --uk-up-sm: 0 0 0 1px var(--uk-border), 0 1px 2px rgba(var(--uk-shc), .06);
  --uk-up: 0 0 0 1px var(--uk-line), 0 1px 3px rgba(var(--uk-shc), .06), 0 4px 12px rgba(var(--uk-shc), .05);
  --uk-up-lg: 0 0 0 1px var(--uk-line), 0 8px 28px rgba(var(--uk-shc), .16);
  --uk-down: inset 0 0 0 1px var(--uk-border);
}
:root[data-mode="dark"] {
  color-scheme: dark;
  --uk-bg: #0f1318;       --uk-surface: #171c22; --uk-paper: #fff; /* 문서·슬라이드 종이(미리보기 포함) - 인쇄·PDF와 같은 흰색, 다크에서도 흰색 */  --uk-head: #141920;  --uk-sunk: #11161b;
  --uk-border: #2a323c;   --uk-line: #20272f;
  --uk-fg: #e6ebf0;       --uk-muted: #95a3b3;
  --uk-brand: #5b9be6;    --uk-brand-dark: #82b4ee;   --uk-brand-light: #1a2c42;
  --uk-pick: var(--uk-brand);  --uk-pick-dark: var(--uk-brand-dark);  --uk-pick-light: var(--uk-brand-light);  /* 선택 표시(지금 보는 곳) - 이 테마는 강조색과 같다 */
  --uk-danger: #ef6a6f;   --uk-danger-dark: #ff8a8e;  --uk-danger-light: #3a1d20;  --uk-danger-fg: #f6b3b5;
  --uk-ok: #43c07a;       --uk-ok-fg: #9fdcb9;        --uk-ok-light: #16301f;
  --uk-warn: #eeb04f;     --uk-warn-fg: #f1d6a2;      --uk-warn-light: #372b15;
  --uk-series-1: var(--uk-brand); --uk-series-2: var(--uk-ok); --uk-series-3: var(--uk-warn); --uk-series-4: var(--uk-danger);
  --uk-series-5: #a78bfa; --uk-series-6: #22c3dc; --uk-series-7: #f472b6; --uk-series-8: #9fd34a;
  --uk-on-strong: #fff;
  --uk-folder: #e3ad3e;
  --uk-tip-bg: #3a4653;   --uk-tip-fg: #fff;
  --uk-today: #33301f;
  --uk-backdrop: rgba(0, 0, 0, .45);
  --uk-scrim: rgba(0, 0, 0, .55);
  --uk-shc: 0, 0, 0;
  --uk-up-sm: 0 0 0 1px var(--uk-border), 0 1px 2px rgba(var(--uk-shc), .3);
  --uk-up: 0 0 0 1px var(--uk-line), 0 1px 3px rgba(var(--uk-shc), .3), 0 4px 12px rgba(var(--uk-shc), .25);
  --uk-up-lg: 0 0 0 1px var(--uk-border), 0 8px 28px rgba(var(--uk-shc), .5);
  --uk-down: inset 0 0 0 1px var(--uk-border);
}