/* ============================================================
 * Sentio Design Tokens
 * Single Source of Truth: PRD_2.md
 * ============================================================ */

:root {
  /* ─────────────────────────────────
   * COLOR — Void & Depth
   * ───────────────────────────────── */
  --sentio-void:    #020408;  /* 우주. 가장 깊은 배경 */
  --sentio-dark:    #070D14;  /* 메인 배경 */
  --sentio-surface: #0D1820;  /* 카드, 패널 */
  --sentio-border:  #1A2D40;  /* 경계선 */

  /* COLOR — Consciousness & Recognition */
  --sentio-core:    #0A6EBD;  /* primary blue */
  --sentio-pulse:   #00AAFF;  /* 인식의 순간 */
  --sentio-glow:    #40C4FF;  /* 하이라이트, 잔광 */

  /* COLOR — Life & Detection */
  --sentio-life:    #00E5A0;  /* success, detected */
  --sentio-warm:    #FF6B6B;  /* alert */
  --sentio-gold:    #FFD166;  /* premium */

  /* COLOR — Text */
  --text-1: #F0F4F8;  /* primary */
  --text-2: #8BA3B8;  /* secondary */
  --text-3: #3D5A73;  /* disabled */

  /* COLOR — Place Accent (JS에서 runtime override)
   * KBS = K-POP pink 기본값 */
  --place-accent:        #FF6B9D;
  --place-accent-rgb:    255, 107, 157;

  /* ─────────────────────────────────
   * TYPOGRAPHY
   * ───────────────────────────────── */
  --font-display: "Cormorant Garamond", "Noto Serif KR", serif;
  --font-ui:      "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", "SF Mono", Consolas, monospace;

  --text-display:  48px;
  --text-title:    28px;
  --text-subtitle: 18px;
  --text-body:     14px;
  --text-caption:  11px;
  --text-mono:     12px;

  --lh-tight:  1.1;
  --lh-normal: 1.5;
  --lh-loose:  1.6;

  --ls-logo:   6px;
  --ls-label:  4px;
  --ls-body:   0.3px;
  --ls-mono:   1px;

  /* ─────────────────────────────────
   * SPACE — 8px grid
   * ───────────────────────────────── */
  --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;
  --space-14: 56px;
  --space-16: 64px;
  --space-20: 80px;

  /* Safe area */
  --safe-top:    max(env(safe-area-inset-top),    var(--space-4));
  --safe-bottom: max(env(safe-area-inset-bottom), var(--space-6));
  --safe-x:      var(--space-5);

  /* ─────────────────────────────────
   * RADIUS
   * ───────────────────────────────── */
  --radius-sm:  4px;
  --radius-md:  10px;
  --radius-lg:  14px;
  --radius-xl:  20px;
  --radius-2xl: 24px;

  /* ─────────────────────────────────
   * MOTION
   * ───────────────────────────────── */
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-sharp:  cubic-bezier(0.4, 0, 1, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

  --dur-instant: 150ms;
  --dur-fast:    250ms;
  --dur-normal:  400ms;
  --dur-slow:    600ms;
  --dur-panel:   500ms;

  /* ─────────────────────────────────
   * ELEVATION — rim light (no shadows in cosmic space)
   * ───────────────────────────────── */
  --rim-faint:   inset 0 0 0 1px rgba(0, 170, 255, 0.05);
  --rim-soft:    inset 0 0 0 1px rgba(0, 170, 255, 0.12);
  --rim-strong:  inset 0 0 0 1px rgba(0, 170, 255, 0.25);

  --glow-pulse:  0 0 40px rgba(0, 170, 255, 0.30);
  --glow-life:   0 0 32px rgba(0, 229, 160, 0.35);
  --glow-place:  0 -4px 40px rgba(var(--place-accent-rgb), 0.30);

  /* ─────────────────────────────────
   * Z-INDEX — PRD_1 §7-1 layer structure
   * ───────────────────────────────── */
  --z-camera:    1;
  --z-particles: 5;
  --z-scan:      10;
  --z-header:    12;
  --z-flash:     15;
  --z-panel:     20;
  --z-loading:   50;
  --z-modal:     100;

  /* ─────────────────────────────────
   * SCAN FRAME — 컴포넌트별 토큰
   * ───────────────────────────────── */
  --scan-size:         240px;
  --scan-corner-len:   40px;
  --scan-corner-width: 2px;
  --scan-corner-color: rgba(255, 255, 255, 0.55);
  --scan-line-color:   var(--sentio-pulse);
}