/* run24 디자인 토큰 — docs/DESIGN.md와 값이 같아야 한다 */
:root {
  /* 행동 색 (유일) */
  --primary: #0075de;
  --primary-active: #005bab;
  --secondary: #213183;
  --on-primary: #ffffff;

  /* 표면 */
  --canvas: #ffffff;
  --canvas-soft: #f6f5f4;
  --surface: #ffffff;
  --hairline: #e6e6e6;

  /* 글자 */
  --ink: #000000;
  --ink-secondary: #31302e;
  --ink-muted: #615d59;
  --ink-faint: #a39e98;

  /* 스티커 팔레트 (장식 전용) */
  --accent-sky: #62aef0;
  --accent-purple: #d6b6f6;
  --accent-purple-deep: #391c57;
  --accent-pink: #ff64c8;
  --accent-orange: #dd5b00;
  --accent-orange-deep: #793400;
  --accent-teal: #2a9d99;
  --accent-green: #1aae39;
  --accent-brown: #523410;

  /* 글꼴 */
  --font: "Pretendard Variable", Pretendard, Inter, -apple-system, system-ui, "Segoe UI",
          "Apple SD Gothic Neo", "Malgun Gothic", Helvetica, Arial, sans-serif;

  /* 모서리 */
  --r-xs: 4px;
  --r-sm: 5px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-full: 9999px;

  /* 간격 */
  --s-xxs: 4px;
  --s-xs: 8px;
  --s-sm: 12px;
  --s-md: 16px;
  --s-lg: 24px;
  --s-xl: 28px;
  --s-xxl: 32px;

  /* 그림자 */
  --shadow-1: 0 0.175px 1.04px rgba(0,0,0,.01), 0 0.8px 2.93px rgba(0,0,0,.02),
              0 2px 7.85px rgba(0,0,0,.027), 0 4px 18px rgba(0,0,0,.04);
  --shadow-2: var(--shadow-1), 0 23px 52px rgba(0,0,0,.05);
}