/**
 * X-NEO 디자인 토큰 (Design Tokens)
 * 모든 페이지가 의존하는 CSS 변수 풀세트
 */

:root {
  /* ─── 1. 브랜드 컬러 ───────────────── */
  --c-brand:          #0B1F3A;    /* X-NEO 네이비 */
  --c-brand-2:        #1a3554;
  --c-accent:         #00D4FF;    /* 시안 */
  --c-accent-2:       #7C3AED;    /* 보라 */
  --c-bg:             #FFFFFF;
  --c-bg-alt:         #F0F4FA;
  --c-bg-dark:        #0B1F3A;

  /* ─── 2. 텍스트 ───────────────── */
  --c-text:           #1a1a2e;
  --c-text-muted:     #6a7281;
  --c-text-light:     #9aa3af;
  --c-text-on-dark:   #FFFFFF;

  /* ─── 3. 시맨틱 ───────────────── */
  --c-success:        #2ecc71;
  --c-success-bg:     #d8f5e1;
  --c-warning:        #f39c12;
  --c-warning-bg:     #fff4d6;
  --c-error:          #c01a30;
  --c-error-bg:       #fef0f1;
  --c-info:           #003f86;
  --c-info-bg:        #e8f4fe;

  /* ─── 4. 보더 ───────────────── */
  --c-border:         #e3e8ef;
  --c-border-strong:  #cbd2dc;

  /* ─── 5. 간격 (4px scale) ───────────────── */
  --space-1:          4px;
  --space-2:          8px;
  --space-3:          16px;
  --space-4:          24px;
  --space-5:          32px;
  --space-6:          48px;
  --space-7:          64px;
  --space-8:          96px;
  --container-pad:    24px;

  /* ─── 6. 폰트 크기 ───────────────── */
  --fs-xs:            12px;
  --fs-sm:            13px;
  --fs-base:          15px;
  --fs-md:            17px;
  --fs-lg:            20px;
  --fs-xl:            24px;
  --fs-2xl:           32px;
  --fs-3xl:           42px;
  --fs-display:       56px;

  /* ─── 7. 라인 높이 ───────────────── */
  --lh-tight:         1.25;
  --lh-snug:          1.4;
  --lh-normal:        1.5;
  --lh-base:          1.6;
  --lh-relaxed:       1.8;

  /* ─── 8. 폰트 굵기 ───────────────── */
  --fw-regular:       400;
  --fw-normal:        400;
  --fw-medium:        500;
  --fw-semibold:      600;
  --fw-bold:          700;
  --fw-black:         900;

  /* ─── 9. 폰트 패밀리 ───────────────── */
  --font-sans:        'Pretendard','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic','Helvetica Neue',Arial,sans-serif;
  --font-display:     var(--font-sans);
  --font-mono:        'JetBrains Mono','Consolas','Menlo','Courier New',monospace;

  /* ─── 10. 라운드 ───────────────── */
  --radius:           8px;
  --radius-sm:        4px;
  --radius-lg:        12px;
  --radius-xl:        16px;
  --radius-full:      999px;

  /* ─── 11. 그림자 ───────────────── */
  --shadow-sm:        0 1px 2px rgba(0,0,0,.05);
  --shadow:           0 2px 8px rgba(0,0,0,.06);
  --shadow-md:        0 4px 16px rgba(0,0,0,.08);
  --shadow-lg:        0 8px 24px rgba(0,0,0,.12);
  --shadow-xl:        0 16px 48px rgba(0,0,0,.16);
  --shadow-glow:      0 0 24px rgba(0,212,255,.3);

  /* ─── 12. Z-Index ───────────────── */
  --z-base:           1;
  --z-header:         100;
  --z-fab:            9000;
  --z-modal:          9500;
  --z-toast:          10000;

  /* ─── 13. 트랜지션 ───────────────── */
  --transition-fast:  .15s ease;
  --transition:       .25s ease;
  --transition-slow:  .4s ease;

  /* ─── 14. 보조 컬러·배경 (페이지 공통 참조) ───────────────── */
  --c-bg-card:        #FFFFFF;
  --c-bg-muted:       #F0F4FA;
  --c-text-on-brand:  #FFFFFF;
  --c-text-on-dark:   #FFFFFF;
  --c-brand-dark:     #081628;
  --c-brand-light:    #2a4a72;
  --c-accent-3:       #2ecc71;   /* 녹색 액센트 (성과·체크) */
  --c-danger:         #c01a30;
  --accent:           #00D4FF;
  --brand-color:      #0B1F3A;   /* 브랜드 페이지에서 override */
  --solution-color:   #0B1F3A;   /* 솔루션 페이지에서 override */

  /* ─── 15. 그라데이션 (차분한 X-NEO 네이비 기본) ───────────────── */
  --gradient-brand:   linear-gradient(160deg, #0B1F3A 0%, #1a3554 100%);
  --gradient-accent:  linear-gradient(160deg, #00599c 0%, #0B1F3A 100%);
  --pattern-neural:   none;      /* hero 오버레이 패턴 (비활성 — 차분하게) */

  /* ─── 16. 솔루션별 액센트 컬러 ───────────────── */
  --c-s1-emc:         #ff7e5f;
  --c-s2-rf:          #00D4FF;
  --c-s3-power:       #00599c;
  --c-s4-battery:     #2ecc71;
  --c-s5-renew:       #f39c12;
  --c-s6-thermal:     #d35400;
  --c-s7-cnc:         #16a085;
  --c-s8-safety:      #c01a30;
  --c-tag-e:          #6e1f9f;   /* 교육 솔루션(E1~E4) 태그 */
  --c-tag-rise:       #f39c12;   /* RISE 강조 태그 */

  /* ─── 17. 레이아웃·크기 추가 ───────────────── */
  --container-max:    1200px;
  --radius-md:        8px;
  --fs-2xs:           11px;
  --lh-snug:          1.4;
  --card-w:           320px;
  --card-h:           200px;
}

/* 다크 모드 */
@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] {
    --c-bg:           #0a0e17;
    --c-bg-alt:       #14202f;
    --c-bg-card:      #14202f;
    --c-bg-muted:     #1a3554;
    --c-text:         #f0f3f8;
    --c-text-muted:   #b1b6c2;
    --c-border:       rgba(255,255,255,.12);
    --c-border-strong: rgba(255,255,255,.2);
  }
}

[data-theme="dark"] {
  --c-bg:             #0a0e17;
  --c-bg-alt:         #14202f;
  --c-bg-card:        #14202f;
  --c-bg-muted:       #1a3554;
  --c-text:           #f0f3f8;
  --c-text-muted:     #b1b6c2;
  --c-border:         rgba(255,255,255,.12);
  --c-border-strong:  rgba(255,255,255,.2);
}