/* ============================================================
 *  등기in Design Tokens — 스타일가이드 v1.0 (PRD v3.1) 준수
 *  변경 금지 토큰: --color-primary, --color-accent
 * ============================================================ */

:root {
  /* ─── Color: Brand ─── */
  --color-primary:        #0D1B2A;
  --color-primary-light:  #1B2D45;
  --color-primary-darker: #0A1622;
  --color-accent:         #E94560;
  --color-accent-hover:   #D63851;

  /* ─── Color: Neutral ─── */
  --color-bg:             #FFFFFF;
  --color-bg-subtle:      #F8F9FA;
  --color-bg-muted:       #F1F3F5;
  --color-text:           #191F28;
  --color-text-secondary: #6B7684;
  --color-text-disabled:  #ADB5BD;
  --color-border:         #E5E8EB;
  --color-border-strong:  #CDD1D5;

  /* ─── Color: Status ─── */
  --color-success: #00C853;
  --color-warning: #FF9100;
  --color-error:   #FF1744;
  --color-info:    #2979FF;
  --color-neutral: #868E96;

  /* 15% 불투명도 배경 (배지) */
  --bg-success: rgba(0, 200, 83, 0.12);
  --bg-warning: rgba(255, 145, 0, 0.12);
  --bg-error:   rgba(255, 23, 68, 0.12);
  --bg-info:    rgba(41, 121, 255, 0.12);
  --bg-neutral: rgba(134, 142, 150, 0.14);

  /* ─── Point ─── */
  --color-point-high: #191F28;
  --color-point-low:  #FF9100;
  --color-point-zero: #FF1744;

  /* ─── Typography ─── */
  --font-primary: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont,
                  system-ui, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  /* DM Mono로 Latin/숫자, 한글 글리프는 Pretendard가 받도록 끝에 추가 (per-glyph fallback) */
  --font-mono:    'DM Mono', 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo,
                  'Pretendard Variable', Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", monospace;

  --text-h1:      28px;
  --text-h2:      22px;
  --text-h3:      18px;
  --text-body:    15px;
  --text-small:   13px;
  --text-caption: 11px;
  --text-mono:    14px;

  --weight-bold:     700;
  --weight-semibold: 600;
  --weight-medium:   500;
  --weight-regular:  400;

  --leading-tight:   1.3;
  --leading-normal:  1.6;
  --leading-relaxed: 1.8;

  /* ─── Spacing (8px grid) ─── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;

  /* ─── Radius ─── */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-full: 9999px;

  /* ─── Shadow ─── */
  --shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);
  --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.15);

  /* ─── Transition ─── */
  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow:   400ms ease;

  /* ─── Layout ─── */
  --sidebar-width:      240px;
  --sidebar-width-icon: 56px;
  --gnb-height:         56px;
  --content-max-width:  1600px;
  --content-padding:    32px;
}