/* 루마닉 오피스 디자인 토큰. 루마닉 다른 서비스의 공용 토큰(lm-tokens.css)에서 라이트 팔레트 값을 그대로 복사했다.
   hex 값은 이 파일에만 둔다. 다른 CSS·HTML·JS 는 변수만 쓴다. */
:root {
  --lm-bg-page: #edeae1;
  --lm-bg-surface: #ffffff;
  --lm-bg-subtle: #e0dbcf;
  --lm-bg-soft: #f6f4ee;
  --lm-bg-selected: #d9e2fb;

  --lm-text-strong: #14181f;
  --lm-text: #2e3440;
  --lm-text-muted: #565f6d;

  --lm-border: #9f9a8f;
  --lm-border-strong: #6f7681;
  --lm-hairline: #c1bcad;

  --lm-primary: #2c55e0;
  --lm-primary-hover: #2143c0;
  --lm-primary-pressed: #1c3aa8;
  --lm-on-primary: #ffffff;

  --lm-trust: #13294b;
  --lm-trust-soft: #dee6f7;

  --lm-rail-bg: #0f1c31;
  --lm-rail-ink: #c8d2e2;
  --lm-rail-ink-strong: #ffffff;
  --lm-rail-muted: #93a1b8;
  --lm-rail-hover: rgba(255, 255, 255, 0.08);
  --lm-rail-selected: rgba(255, 255, 255, 0.12);
  --lm-rail-line: rgba(255, 255, 255, 0.14);
  --lm-rail-accent: #e8b64c;

  --lm-warning-accent: #e8a33d;
  --lm-warning-text: #6d4300;
  --lm-warning-surface: #ffedcd;
  --lm-danger: #b42318;
  --lm-danger-surface: #fde3df;
  --lm-success-text: #0d5b47;
  --lm-success-surface: #d8efe3;

  --lm-focus: #2c55e0;
  --lm-focus-ring: 3px solid var(--lm-focus);
  --lm-scrim: rgba(11, 35, 71, 0.42);
  --lm-skeleton: #d8d3c5;

  --lm-paper-ink: #111318;

  --lm-font-ui: "Pretendard Variable", Pretendard, system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --lm-font-doc: "Nanum Myeongjo", "AppleMyungjo", "Batang", "바탕", serif;
  --lm-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --lm-radius: 8px;
  --lm-radius-inner: 6px;
  --lm-radius-pill: 999px;

  --lm-space-4: 4px;
  --lm-space-8: 8px;
  --lm-space-12: 12px;
  --lm-space-16: 16px;
  --lm-space-20: 20px;
  --lm-space-24: 24px;
  --lm-space-32: 32px;
  --lm-space-48: 48px;

  --lm-shadow-overlay: 0 18px 48px rgba(23, 33, 29, 0.18);
  --lm-shadow-drawer: 12px 0 32px rgba(23, 33, 29, 0.16);

  --lm-rail-width: 248px;
  --lm-duration-fast: 160ms;
  --lm-duration: 200ms;
  --lm-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}