/* UI-1: docs/design/mockups/README.md. Shared tokens have no global selectors. */
:root {
  --ck-zero: 0;
  --ck-google-ink: #1F1F1F; --ck-google-line: #747775; --ck-google-radius: 4px; --ck-google-gap: 10px;
  --ck-google-font: 'Google Sans', 'IBM Plex Sans KR', Arial, sans-serif;
  --ck-primary: #4B2FC0; --ck-primary-hover: #2E1A85; --ck-lime: #C8F169;
  --ck-ink: #17142B; --ck-muted: #5B5770; --ck-ground: #F5F4F9;
  --ck-surface: #FFFFFF; --ck-line: #E6E3EE; --ck-soft: #EFEBFD;
  --ck-wait: #9A3F00; --ck-wait-bg: #FFEBD6;
  --ck-confirm: #3A2496; --ck-confirm-bg: #EFEBFD;
  --ck-danger: #7A0E22; --ck-danger-bg: #FDE3E7;
  --ck-done: #4A4760; --ck-done-bg: #ECEBF1;
  --ck-dark-muted: #CFCAE3; --ck-kakao: #FEE500; --ck-scrim: #17142B80;
  --ck-font: 'IBM Plex Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', system-ui, sans-serif;
  --ck-text-xs: 12px; --ck-text-sm: 13px; --ck-text-md: 14px; --ck-text-base: 15px;
  --ck-text-input: 16px; --ck-text-lg: 17px; --ck-text-xl: 20px; --ck-text-title: 22px;
  --ck-text-display: 28px; --ck-text-code: 34px;
  --ck-weight-regular: 400; --ck-weight-medium: 500; --ck-weight-semibold: 600; --ck-weight-bold: 700;
  --ck-leading: 1.6; --ck-leading-title: 1.35; --ck-tracking: 0; --ck-code-tracking: 6px;
  --ck-space-1: 4px; --ck-space-2: 8px; --ck-space-3: 12px; --ck-space-4: 16px;
  --ck-space-5: 20px; --ck-space-6: 24px; --ck-space-8: 32px; --ck-space-10: 40px;
  --ck-radius-card: 16px; --ck-radius-button: 14px; --ck-radius-input: 12px;
  --ck-radius-sheet: 24px; --ck-radius-chip: 999px; --ck-radius-small: 6px;
  --ck-border: 1px; --ck-outline: 3px; --ck-outline-offset: 3px;
  --ck-touch: 44px; --ck-control: 52px; --ck-icon: 22px; --ck-icon-small: 18px;
  --ck-avatar: 56px; --ck-brand-width: 104px; --ck-brand-height: 32px;
  --ck-app-width: 480px; --ck-document-width: 760px; --ck-view-height: 100dvh;
  --ck-sheet-height: 90dvh; --ck-tab-height: 80px; --ck-photo-height: 150px;
  --ck-gallery-height: 200px; --ck-map-height: 300px; --ck-qr-size: 240px;
  --ck-card-rail: 168px; --ck-category-width: 68px; --ck-category-height: 104px;
  --ck-banner-ratio: 2; --ck-art-width: 34%; --ck-page-inset: 100%;
  --ck-motion: 160ms; --ck-shadow: 0 4px 24px #17142B0A;
  --ck-z-sticky: 5; --ck-z-tabs: 6; --ck-z-toast: 20;
  --ck-safe-top: env(safe-area-inset-top, 0px); --ck-safe-bottom: env(safe-area-inset-bottom, 0px);
  /* UI-A: docs/design/prototypes (screen stack, step flows, sheets). */
  --ck-cta: 56px; --ck-row: 60px; --ck-fill: #F4F3F8; --ck-red: #C0203F; --ck-kakao-ink: #191600;
  --ck-toast: #2A2638; --ck-switch-off: #8C88A0; --ck-star: #E8A100; --ck-map-ground: #E8EDE2;
  --ck-thumb-a: #DCD6F7; --ck-thumb-b: #F1EEFD; --ck-thumb-c: #E3F3BE; --ck-thumb-d: #F3F9E2;
  --ck-screen-motion: 240ms; --ck-screen-shift: 8px; --ck-motion-ease: cubic-bezier(.22,1,.36,1); --ck-thumb: 72px; --ck-hero-height: 240px;
  --ck-pin-card: 220px; --ck-rail-card: 240px; --ck-code-qr: 220px; --ck-avatar-small: 26px;
  --ck-viewport-height: var(--ui-viewport-height, 100dvh);
  --ck-shadow-float: 0 2px 8px #17142B1A; --ck-shadow-pin: 0 2px 8px #17142B2E; --ck-shadow-card: 0 8px 24px #17142B38;
  /* UI-C: operations centre (docs/design/prototypes/reviewer.html). PC first, 1024px and wider. */
  --ck-side-width: 224px; --ck-topbar: 64px; --ck-search-width: 560px; --ck-nav-active: #2D2742;
  --ck-inbox-list: 300px; --ck-inbox-side: 260px; --ck-split-list: 380px; --ck-dialog-width: 480px;
  --ck-chart-height: 200px; --ck-bar: 8px; --ck-kpi: 26px; --ck-check: 22px; --ck-dot: 16px; --ck-doc-height: 178px;
  --ck-pin-old: #6E6A80; --ck-warn-line: #F2C9A0; --ck-ok: #1E7A4F; --ck-ok-bg: #E6F5EC; --ck-chart-soft: #D9D2F7;
  --ck-label-col: 96px; --ck-num-col: 48px; --ck-thumb-wide: 96px; --ck-thumb-tall: 48px; --ck-ring: #8F7BEA;
}

:root{--customer-legacy-color-0:#e5e8e1;--customer-legacy-color-1:#35554b;--customer-legacy-color-2:#d8dfd4;--customer-legacy-color-3:#fff;--customer-legacy-color-4:#627167;--customer-legacy-color-5:#243d3410;--customer-legacy-color-6:#728c6330;--customer-legacy-color-7:#f7f8f2;--customer-legacy-color-8:#253f3210;--customer-legacy-color-9:#ffffff90;--customer-legacy-color-10:#253f3208;--customer-legacy-color-11:#253f320b;--customer-legacy-color-12:#f8f9f3;--customer-legacy-color-13:#29473d;--customer-legacy-color-14:#708476;--customer-legacy-color-15:#e8eedf;--customer-legacy-color-16:#69766d;--customer-legacy-color-17:#7d887d;--customer-legacy-color-18:#e0e6d8;--customer-legacy-color-19:#6d896e;--customer-legacy-color-20:#7a847a;--customer-legacy-color-21:#fffefa;--customer-legacy-color-22:#e4e9dd;--customer-legacy-color-23:#334d3910;--customer-legacy-color-24:#536459;--customer-legacy-color-25:#7b877a;--customer-legacy-color-26:#e9efdf;--customer-legacy-color-27:#53694e;--customer-legacy-color-28:#e7ebdf;--customer-legacy-color-29:#304f41;--customer-legacy-color-30:#687a66;--customer-legacy-color-31:#fff0df;--customer-legacy-color-32:#e9ecdf;--customer-legacy-color-33:#7c8879;--customer-legacy-color-34:#223e37;--customer-legacy-color-35:#547666;--customer-legacy-color-36:#dfecdf;--customer-legacy-color-37:#abc1ae;--customer-legacy-color-38:#e0e7d9;--customer-legacy-color-39:#6c826b;--customer-legacy-color-40:#f0f3e9;--customer-legacy-color-41:#78836e;--customer-legacy-color-42:#657361;--customer-legacy-color-43:#5d7464;--customer-legacy-color-44:#d5dfc6;--customer-legacy-color-45:#d9edce0a;--customer-legacy-color-46:#426557;--customer-legacy-color-47:#183b34;--customer-legacy-color-48:#e6ecdc;--customer-legacy-color-49:#335d50;--customer-legacy-color-50:#adc5b5;--customer-legacy-color-51:#64766c;--customer-legacy-color-52:#d5e4cf;--customer-legacy-color-53:#68766b;--customer-legacy-color-54:#092725;--customer-legacy-color-55:#4c7668;--customer-legacy-color-56:#dfefdb;--customer-legacy-color-57:#a5caba;--customer-legacy-color-58:#799888;--customer-legacy-color-59:#e9f3db;--customer-legacy-color-60:#173d36;--customer-legacy-color-61:#d5e8cc;--customer-legacy-color-62:#173c31;--customer-legacy-color-63:#dff6cd;--customer-legacy-color-64:#183d30;--customer-legacy-color-65:#fff9d6;--customer-legacy-color-66:#a4eeb023;--customer-legacy-color-67:#97efb780;--customer-legacy-color-68:#fff2a1;--customer-legacy-color-69:#fff2a130;--customer-legacy-color-70:#8ab69b55;--customer-legacy-color-71:#0d2927e8;--customer-legacy-color-72:#c2d9c9;--customer-legacy-color-73:#9ac4aa;--customer-legacy-color-74:#e1f7c8;--customer-legacy-color-75:#aac8b7;--customer-legacy-color-76:#67796b;--customer-legacy-color-77:#183f35;--customer-legacy-color-78:#e6f3dc;--customer-legacy-color-79:#739a85;--customer-legacy-color-80:#d9edc9;--customer-legacy-color-81:#204436;--customer-legacy-color-82:#88eec815;--customer-legacy-color-83:#244b3114;--customer-legacy-color-84:#88aa8c44;--customer-legacy-color-85:#aecbb8;--customer-legacy-color-86:#e9eee3;--customer-legacy-color-87:#345344;--customer-legacy-color-88:#365b50;--customer-legacy-color-89:#efc983;--customer-legacy-color-90:#193f34;--customer-legacy-color-91:#efd8a730;--customer-legacy-color-92:#edc681;}

/* Customer release palette from the approved Claude reference. Staff screens retain their tokens. */
body.customer {
 --ck-primary:#2E4A3E; --ck-primary-hover:#1F3A31; --ck-lime:#C8DFA3;
 --ck-ground:#F7F6F0; --ck-surface:#FFFFFF; --ck-ink:#1E2B26; --ck-muted:#636E68;
 --ck-line:#E3E6DF; --ck-soft:#EEF3E6; --ck-fill:#E9EEE4; --ck-dark-muted:#D9E6CE;
 --ck-radius-card:20px; --ck-radius-button:16px; --ck-radius-sheet:28px;
 --ck-shadow:0 4px 24px #1E2B260A; --ck-thumb-a:#E9EEE4; --ck-thumb-b:#EEF3E6;
}

/* Soft category illustration palette, customer surfaces only. */
body.customer {
 --ck-category-mint:#A5C9B2; --ck-category-mint-soft:#EDF5EE;
 --ck-category-rose:#DAB5AF; --ck-category-rose-soft:#F9EFED;
 --ck-category-sand:#D9BF8D; --ck-category-sand-soft:#F8F3E8;
 --ck-category-lilac:#C0B6D9; --ck-category-lilac-soft:#F2EFF8;
 --ck-category-blue:#A8C1D3; --ck-category-blue-soft:#EDF3F7;
}