:root{
  color-scheme:light;

  --ios-blue:#007aff;
  --ios-blue-hover:#0071e3;
  --ios-blue-pressed:#0062cc;
  --ios-green:#34c759;
  --ios-orange:#ff9500;
  --ios-red:#ff3b30;

  --ios-gray-1:#f2f2f7;
  --ios-gray-2:#e5e5ea;
  --ios-gray-3:#d1d1d6;
  --ios-gray-4:#8e8e93;
  --ios-gray-5:#3a3a3c;
  --ios-gray-6:#1c1c1e;

  --k-indigo:#356a96;
  --k-indigo-hover:#2e5d86;
  --k-indigo-pressed:#264d70;
  --k-coral:#c96a5a;
  --k-coral-soft:rgba(201,106,90,.11);
  --k-paper:#fff;
  --k-paper-muted:#f7f8fa;
  --k-ink-border:rgba(45,58,72,.18);

  --app-bg:#f5f5f7;
  --sidebar-bg:#fafafa;
  --surface:#fff;
  --surface-raised:#fff;
  --surface-secondary:#f2f2f7;
  --surface-tertiary:#e9e9ee;
  --text-primary:#1c1c1e;
  --text-secondary:#636366;
  --text-tertiary:#8e8e93;
  --separator:rgba(60,60,67,.12);
  --separator-strong:rgba(60,60,67,.22);
  --accent:var(--k-indigo);
  --accent-hover:var(--k-indigo-hover);
  --accent-pressed:var(--k-indigo-pressed);
  --accent-soft:rgba(53,106,150,.1);
  --accent-softer:rgba(53,106,150,.055);
  --accent-border:rgba(53,106,150,.44);
  --accent-drag:rgba(53,106,150,.14);
  --accent-selection:rgba(53,106,150,.12);
  --accent-shadow:rgba(53,106,150,.16);
  --accent-shadow-strong:rgba(53,106,150,.24);
  --on-accent:#fff;
  --success:var(--ios-green);
  --success-soft:rgba(52,199,89,.12);
  --success-text:#248a3d;
  --warning:var(--ios-orange);
  --warning-soft:rgba(255,149,0,.1);
  --warning-softer:rgba(255,149,0,.055);
  --danger:var(--ios-red);
  --danger-soft:rgba(255,59,48,.1);
  --department-game-soft:rgba(175,82,222,.12);
  --department-game-text:#8944ab;
  --grid-hour:rgba(60,60,67,.18);
  --grid-half:rgba(60,60,67,.07);
  --overlay:rgba(28,28,30,.36);
  --empty-overlay:rgba(245,245,247,.54);

  --paper:#fff;
  --paper-ink:#111;
  --paper-text:#1c1c1e;
  --paper-secondary:#636366;
  --paper-strong:#3a3a3c;
  --paper-grid:#e5e5ea;
  --paper-border:#d1d1d6;
  --paper-muted:#8e8e93;
  --paper-class:#f2f2f7;
  --paper-danger-soft:#fff5f4;
  --paper-accent-soft:#f4f9ff;

  --font-family:-apple-system,"SF Pro Display","Pretendard Variable",Pretendard,"Noto Sans KR",sans-serif;
  --text-xxl:34px;
  --text-xl:28px;
  --text-lg:22px;
  --text-md:17px;
  --text-base:15px;
  --text-sm:13px;

  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;

  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:20px;
  --radius-pill:999px;

  --hairline:.5px solid var(--separator);
  --hairline-strong:.5px solid var(--separator-strong);
  --shadow-soft:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06);
  --shadow-menu:0 2px 8px rgba(0,0,0,.08),0 16px 40px rgba(0,0,0,.12);
  --shadow-button:0 4px 12px rgba(53,106,150,.2);
  --shadow-micro:0 1px 2px rgba(0,0,0,.04);
  --shadow-segment:0 1px 3px rgba(0,0,0,.11);
  --shadow-hover:0 6px 16px rgba(0,0,0,.09);
  --shadow-event:0 6px 18px var(--accent-shadow);
  --shadow-paper:0 1px 3px rgba(0,0,0,.08),0 18px 48px rgba(0,0,0,.12);

  --ease-ios:cubic-bezier(.32,.72,0,1);
  --duration-micro:150ms;
  --duration-base:250ms;
  --duration-sheet:350ms;
  --focus-ring:0 0 0 3px rgba(53,106,150,.22);
  --sidebar-width:184px;
}

@media(prefers-color-scheme:dark){
  :root{
    color-scheme:dark;
    --k-indigo:#76a6cf;
    --k-indigo-hover:#8bb6d9;
    --k-indigo-pressed:#6392bb;
    --k-coral:#df897b;
    --k-coral-soft:rgba(223,137,123,.15);
    --k-paper:#1c1c1e;
    --k-paper-muted:#252529;
    --k-ink-border:rgba(199,207,216,.22);
    --app-bg:#000;
    --sidebar-bg:#161618;
    --surface:#1c1c1e;
    --surface-raised:#2c2c2e;
    --surface-secondary:#2c2c2e;
    --surface-tertiary:#3a3a3c;
    --text-primary:#f5f5f7;
    --text-secondary:#aeaeb2;
    --text-tertiary:#8e8e93;
    --separator:rgba(84,84,88,.5);
    --separator-strong:rgba(99,99,102,.72);
    --accent:var(--k-indigo);
    --accent-hover:var(--k-indigo-hover);
    --accent-pressed:var(--k-indigo-pressed);
    --accent-soft:rgba(118,166,207,.18);
    --accent-softer:rgba(118,166,207,.1);
    --accent-border:rgba(118,166,207,.5);
    --accent-drag:rgba(118,166,207,.22);
    --accent-selection:rgba(118,166,207,.18);
    --accent-shadow:rgba(118,166,207,.24);
    --accent-shadow-strong:rgba(118,166,207,.3);
    --danger:#ff453a;
    --danger-soft:rgba(255,69,58,.16);
    --grid-hour:rgba(174,174,178,.28);
    --grid-half:rgba(174,174,178,.1);
    --overlay:rgba(0,0,0,.58);
    --empty-overlay:rgba(0,0,0,.46);
    --shadow-soft:0 1px 2px rgba(0,0,0,.24),0 10px 28px rgba(0,0,0,.28);
    --shadow-menu:0 3px 12px rgba(0,0,0,.34),0 20px 48px rgba(0,0,0,.46);
    --focus-ring:0 0 0 3px rgba(118,166,207,.3);
  }
}

@media(prefers-reduced-motion:reduce){
  :root{
    --duration-micro:0ms;
    --duration-base:0ms;
    --duration-sheet:0ms;
  }
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
