/*
 * Design tokens — Figma frame-154 (고속버스터미널 시간표 알리미)
 * 디자인 변경은 이 파일에서. 다른 CSS는 var(--bus-*)만 참조하세요.
 */

:root {
  /* ---- Color ---- */
  --bus-primary: rgb(0, 122, 255);
  --bus-primary-deep: rgb(3, 88, 181);
  --bus-primary-soft: rgba(0, 122, 255, 0.12);

  --bus-text: rgb(28, 28, 30);
  --bus-text-strong: rgb(34, 34, 34);
  --bus-text-mute: rgb(142, 142, 147);
  --bus-text-on-primary: rgb(255, 255, 255);

  --bus-surface: rgb(255, 255, 255);
  --bus-bg: rgb(242, 242, 247);
  --bus-line: rgb(239, 239, 239);
  --bus-line-strong: rgb(217, 217, 217);
  --bus-divider: rgb(224, 224, 224);

  --bus-success: rgb(38, 142, 86);
  --bus-success-soft: rgb(226, 246, 232);
  --bus-success-2: rgb(35, 197, 95);
  --bus-success-2-soft: rgb(220, 252, 231);
  --bus-danger: rgb(244, 57, 59);
  --bus-danger-soft: rgb(255, 234, 239);
  --bus-info: rgb(34, 148, 255);
  --bus-info-soft: rgb(216, 226, 255);
  --bus-accent: rgb(175, 82, 222);
  --bus-accent-soft: rgb(246, 217, 255);

  /* ---- Typography ---- */
  --bus-font-sans: "Pretendard", "SUIT", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

  --bus-fs-display: 4.2rem;   /* 42px - Hero */
  --bus-fs-h1: 3.0rem;        /* 30px */
  --bus-fs-h2: 2.5rem;        /* 25px */
  --bus-fs-title: 2.3rem;     /* 23px */
  --bus-fs-body-lg: 2.0rem;   /* 20px */
  --bus-fs-body: 1.7rem;
  --bus-fs-sm: 1.4rem;
  --bus-fs-xs: 1.2rem;

  --bus-fw-bold: 700;
  --bus-fw-semibold: 600;
  --bus-fw-medium: 500;
  --bus-fw-regular: 400;

  /* ---- Layout ---- */
  --bus-canvas-width: 720px;
  --bus-app-max-width: 480px;
  --bus-inner-padding-x: 1.6rem;
  --bus-header-height: 5.4rem;
  --bus-bottomnav-height: 7.8rem;

  /* ---- Radius / Shadow ---- */
  --bus-radius-sm: 8px;
  --bus-radius: 12px;
  --bus-radius-lg: 16px;
  --bus-radius-pill: 999px;

  --bus-shadow-card: 0 8px 22px rgba(22, 32, 46, 0.06);
  --bus-shadow-nav: 0 -2px 4px rgba(0, 0, 0, 0.04);
  --bus-shadow-bottom: 0 -2px 4px rgba(0, 0, 0, 0.25); /* Figma effect */

  /* ---- Spacing scale ---- */
  --bus-space-1: 0.4rem;
  --bus-space-2: 0.8rem;
  --bus-space-3: 1.2rem;
  --bus-space-4: 1.6rem;
  --bus-space-5: 2.0rem;
  --bus-space-6: 2.4rem;
  --bus-space-8: 3.2rem;
}