/* 생성물입니다. 손으로 고치지 말고 packages/ui/src/tokens 를 고친 뒤 `pnpm --filter @duroomie/ui tokens:css` 를 실행하세요.
   색 이름·쓰임 설명은 duroomie.com/brand 입니다. */
:root {
  color-scheme: light;

  /* 단정 레드: 두루미 정수리의 붉은 점. 로고 점·강조(-600 은 주 버튼 바탕, -700·-300 은 글자) */
  --crown: #f2493d;
  --crown-600: #d93a2f;
  --crown-50: #ffe6e2;
  --crown-700: #c22f25;
  --crown-300: #ff6b5f;
  --crown-900: #3a2230;

  /* 먹: 두루미 목과 날개 끝. 글자·로고·어두운 면 */
  --ink: #191a2e;
  --ink-2: #4a4c63;
  --ink-3: #8c8ea3;

  /* 깃털: 흰 깃털의 따뜻한 미색. 기본 바탕 */
  --feather: #fff8ef;
  --paper: #ffffff;
  --line: #ece2d3;

  /* 하늘길: 날아가는 하늘. 일정·링크(-700·-300 은 글자) */
  --flight: #3e6bff;
  --flight-50: #e3eaff;
  --flight-700: #2b55e6;
  --flight-300: #7b9bff;
  --flight-900: #1f2a55;

  /* 갈대: 두루미가 쉬는 습지. 정산 완료·안심(-700·-300 은 글자) */
  --reed: #22936a;
  --reed-50: #dcf3e6;
  --reed-700: #187553;
  --reed-300: #4cc596;
  --reed-900: #17362c;

  /* 노을: 떠나는 저녁. 현지 소식·알림 */
  --dusk: #ffb43c;
  --dusk-50: #fff0d2;
  --dusk-900: #3a2f1a;

  /* 밤: 어두운 테마의 면·선·보조 글자 */
  --night-1: #23253b;
  --night-2: #2d3048;
  --night-line: #3a3d57;
  --mist: #c3c4d4;

  --radius-s: 12px;
  --radius-m: 20px;
  --radius-l: 32px;
  --shadow: 0 24px 60px -28px rgba(25, 26, 46, 0.28);
  --shadow-s: 0 10px 30px -14px rgba(25, 26, 46, 0.22);
  --font:
    'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo',
    sans-serif;

  /* 앱 토큰에서 더한 반경·간격 (4px 단위) */
  --radius-xs: 8px;
  --radius-full: 999px;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* 의미 토큰 — 밝게 */
  --color-bg: var(--feather);
  --color-surface: var(--paper);
  --color-surface-raised: var(--paper);
  --color-line: var(--line);
  --color-line-strong: var(--ink-3);
  --color-text: var(--ink);
  --color-text-muted: var(--ink-2);
  --color-text-disabled: var(--ink-3);
  --color-primary: var(--crown-600);
  --color-on-primary: var(--paper);
  --color-danger: var(--crown-700);
  --color-danger-soft: var(--crown-50);
  --color-schedule: var(--flight);
  --color-schedule-text: var(--flight-700);
  --color-schedule-soft: var(--flight-50);
  --color-settled: var(--reed);
  --color-settled-text: var(--reed-700);
  --color-settled-soft: var(--reed-50);
  --color-live: var(--dusk);
  --color-on-live: var(--ink);
  --color-live-soft: var(--dusk-50);
  --color-live-soft-text: var(--ink);
  --color-focus: var(--flight);
}

[data-theme='dark'] {
  color-scheme: dark;
  --color-bg: var(--ink);
  --color-surface: var(--night-1);
  --color-surface-raised: var(--night-2);
  --color-line: var(--night-line);
  --color-line-strong: var(--ink-3);
  --color-text: var(--feather);
  --color-text-muted: var(--mist);
  --color-text-disabled: var(--ink-3);
  --color-primary: var(--crown-600);
  --color-on-primary: var(--paper);
  --color-danger: var(--crown-300);
  --color-danger-soft: var(--crown-900);
  --color-schedule: var(--flight-300);
  --color-schedule-text: var(--flight-300);
  --color-schedule-soft: var(--flight-900);
  --color-settled: var(--reed-300);
  --color-settled-text: var(--reed-300);
  --color-settled-soft: var(--reed-900);
  --color-live: var(--dusk);
  --color-on-live: var(--ink);
  --color-live-soft: var(--dusk-900);
  --color-live-soft-text: var(--dusk);
  --color-focus: var(--flight-300);
}