/* ============================================================================
   @name  모아요 무채색
   @color #f6f6f7
   ----------------------------------------------------------------------------
   모아요넷(phpmoayoapi custom.css 2026-09-04 토큰) - 무채색(zinc) 바탕·흰 면, 버튼은 진한 먹색,
   "지금 보는 곳" 표시(선택된 메뉴·칩·탭·쪽)만 초록 포인트(--uk-pick). 입력칸은 옅은 회색 칸 + 1px 선 (2026-10-05)
   규칙은 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: #f6f6f7;       --uk-surface: #ffffff;  --uk-head: #fafafa;  --uk-sunk: #f4f4f5;
  --uk-border: #e4e4e7;   --uk-line: #ececef;
  --uk-fg: #18181b;       --uk-muted: #71717a;
  --uk-brand: #18181b;    --uk-brand-dark: #000000;   --uk-brand-light: #f4f4f5;   /* 버튼 = 먹색(무채색 원칙) */
  --uk-pick: #4bb749;     --uk-pick-dark: #2e7d2c;    --uk-pick-light: #eaf5e9;    /* 선택 표시 = 초록 포인트 */
  --uk-danger: #e11d48;   --uk-danger-dark: #be123c;  --uk-danger-light: #fdecf0;  --uk-danger-fg: #9f1239;
  --uk-ok: #16a34a;       --uk-ok-fg: #166534;        --uk-ok-light: #e8f6ee;
  --uk-warn: #d9890f;     --uk-warn-fg: #7f5208;      --uk-warn-light: #fdf4e1;
  /* 차트 계열 색 - 1은 먹색이라 선이 무거워 포인트 초록부터 쓴다. 규칙은 ui/chart.md */
  --uk-series-1: var(--uk-pick); --uk-series-2: #2563eb; --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: #71717a;
  --uk-on-strong: #fff;
  --uk-folder: #f0b429;
  --uk-tip-bg: #27272a;   --uk-tip-fg: #fff;
  --uk-today: #f1f8ef;
  --uk-backdrop: rgba(24, 24, 27, .35);
  --uk-scrim: rgba(0, 0, 0, .4);
  --uk-shc: 24, 24, 27;
  /* 평면 - 모아요넷 그림자 3단계(--sh-1~3)에 맞춘다 */
  --uk-up-sm: 0 0 0 1px var(--uk-border), 0 1px 2px rgba(var(--uk-shc), .04);
  --uk-up: 0 0 0 1px var(--uk-line), 0 2px 6px rgba(var(--uk-shc), .08);
  --uk-up-lg: 0 2px 4px rgba(var(--uk-shc), .06), 0 20px 40px -12px rgba(var(--uk-shc), .16);
  --uk-down: inset 0 0 0 1px var(--uk-line);
}
:root[data-mode="dark"] {
  color-scheme: dark;
  --uk-bg: #0f0f11;       --uk-surface: #18181b;  --uk-head: #1c1c1f;  --uk-sunk: #131316;
  --uk-border: #2e2e33;   --uk-line: #232327;
  --uk-fg: #f4f4f5;       --uk-muted: #a1a1aa;
  --uk-brand: #f4f4f5;    --uk-brand-dark: #ffffff;   --uk-brand-light: #27272a;
  --uk-pick: #5fca5c;     --uk-pick-dark: #9fe09d;    --uk-pick-light: #1b3119;
  --uk-danger: #fb7185;   --uk-danger-dark: #fda4af;  --uk-danger-light: #3b1820;  --uk-danger-fg: #fecdd3;
  --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-pick); --uk-series-2: #60a5fa; --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: #a1a1aa;
  --uk-on-strong: #18181b;
  --uk-folder: #e3ad3e;
  --uk-tip-bg: #3f3f46;   --uk-tip-fg: #fff;
  --uk-today: #1f2b1d;
  --uk-backdrop: rgba(0, 0, 0, .5);
  --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 2px 6px rgba(var(--uk-shc), .3);
  --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);
}