/* 말랑 디자인 토큰 — 값은 "말랑AI UI.pdf" 아트보드에서 직접 추출한 실측 색상이다.
   임의로 바꾸면 디자이너 시안과 어긋나므로, 시안이 갱신될 때만 함께 갱신할 것. */

:root {
  /* --- 브랜드 --- */
  --c-primary: #6040ec;
  --c-primary-press: #4f32d1;
  --c-primary-dim: rgba(96, 64, 236, 0.12);
  --c-on-primary: #ffffff;

  /* --- 지면 --- */
  --c-cream: #f7f4eb; /* 온보딩·홈 바탕 */
  --c-card: #ffffff;
  --c-hill: #c4bca9; /* 하단 언덕(도트 텍스처) */
  --c-hill-dot: rgba(255, 255, 255, 0.22);
  --c-toast: #b8b19f; /* 실행 상태 토스트 */
  --c-bar: #ccc5b3; /* 홈 하단 인디케이터 */

  /* --- 글자 --- */
  --c-ink: #2f2b38;
  --c-ink-soft: #6b6676;
  --c-ink-mute: #a9a5b0;

  /* --- 로그인 4코너 메시 그라디언트 --- */
  --g-tl: #ffbbae;
  --g-tr: #ffe075;
  --g-bl: #83dab7;
  --g-br: #c3f1ff;

  /* --- 무지개(워드마크·프로필 오브) --- */
  --rb-1: #8fc7e8;
  --rb-2: #8fd6a6;
  --rb-3: #f5d06b;
  --rb-4: #f3a07a;
  --rb-5: #c79be8;

  /* --- 타이포 스케일 --- */
  --font-ui: "Apple SD Gothic Neo", "Noto Sans KR", Pretendard, system-ui, sans-serif;
  --t-caption: 0.75rem;
  --t-body-sm: 0.8125rem;
  --t-body: 0.9375rem;
  --t-title: clamp(1.125rem, 1rem + 1.4vw, 1.375rem);
  --t-bubble: clamp(1rem, 0.9rem + 1.2vw, 1.25rem);
  --t-hero: clamp(1.375rem, 1.1rem + 2.4vw, 1.75rem);

  /* --- 리듬 (균일 패딩 금지 — 역할별로 다른 간격) --- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.875rem;
  --sp-4: 1.25rem;
  --sp-5: 1.75rem;
  --sp-6: 2.5rem;
  --sp-edge: 1.5rem; /* 화면 좌우 여백 */
  --sp-safe-b: max(1.25rem, env(safe-area-inset-bottom));
  --sp-safe-t: max(1rem, env(safe-area-inset-top));

  /* --- 모양 --- */
  --r-pill: 999px;
  --r-card: 28px;
  --r-bubble: 26px;
  --r-tile: 18px;

  /* --- 그림자 (층위별로 다른 세기) --- */
  --sh-bubble: 0 10px 28px rgba(76, 62, 44, 0.1);
  --sh-card: 0 18px 44px rgba(76, 62, 44, 0.13);
  --sh-cta: 0 10px 22px rgba(96, 64, 236, 0.28);

  /* --- 모션 --- */
  --d-fast: 160ms;
  --d-normal: 320ms;
  --d-slow: 620ms;
  --e-out: cubic-bezier(0.16, 1, 0.3, 1);
  --e-back: cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 시안은 라이트 단일 방향이다. 시스템 다크에서도 지면을 뺏기지 않게 명시 고정. */
:root {
  color-scheme: light;
}