/* =========================================================
   태계랩 · Taixi Lab — Design Tokens (shared)
   이 파일은 메인 index.html, /vibe, 그리고 다른 컴퓨터에서
   진행 중인 바이브코딩 HTML이 공통으로 link 해서 사용하도록
   설계된 single source of truth 입니다.
   - 변수만 정의. 레이아웃·페이지별 스타일은 각자 파일에서.
   - 신규 페이지를 만들 때는 <link rel="stylesheet" href="/assets/tokens.css">
     한 줄이면 같은 무드(색, 타입, 그라데이션)를 그대로 받습니다.
   ========================================================= */

:root {
  /* surfaces */
  --bg-0: #05060d;
  --bg-1: #0a0d1a;
  --bg-2: #11152a;
  --surface: rgba(255,255,255,0.04);
  --surface-strong: rgba(255,255,255,0.08);
  --border: rgba(255,255,255,0.10);
  --border-strong: rgba(255,255,255,0.18);

  /* text */
  --text-0: #f4f6ff;
  --text-1: #c8cce0;
  --text-2: #7d8299;
  --text-3: #535870;

  /* accents — 태계랩 시그니처 팔레트 */
  --accent-cyan:   #6df0ff;
  --accent-violet: #a07bff;
  --accent-teal:   #4fd0c0;
  --accent-amber:  #ffb86b;
  --accent-pink:   #ff7bd1;

  /* gradients */
  --gradient-main: linear-gradient(135deg, #6df0ff 0%, #a07bff 50%, #ff7bd1 100%);
  --gradient-soft: linear-gradient(135deg, rgba(109,240,255,0.16), rgba(160,123,255,0.16));
  --gradient-vibe: linear-gradient(135deg, #ffb86b 0%, #ff7bd1 50%, #a07bff 100%);

  /* shadow */
  --shadow-glow: 0 20px 80px -20px rgba(109,240,255,0.35), 0 8px 24px rgba(0,0,0,0.6);
  --shadow-vibe: 0 20px 80px -20px rgba(255,123,209,0.35), 0 8px 24px rgba(0,0,0,0.6);

  /* radius */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* fonts */
  --f-sans: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --f-serif: 'Noto Serif KR', serif;

  /* layout */
  --maxw: 1280px;
  --pad-x: 32px;

  /* motion */
  --ease: cubic-bezier(.22,.61,.36,1);
}