/*
Theme Name: Hello Elementor Child
Theme URI: https://ctrlai.co.kr
Description: CTRL AI 커스텀 차일드 테마 (Hello Elementor 기반). Elementor 구조물을 코드로 전환하기 위한 베이스.
Author: CTRL AI
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* ============================================================
   CTRL AI 디자인 시스템 (CSS 변수)
   - 라이브 사이트(ctrlai.co.kr)와 Elementor 키트 #31에서 실측 추출한 값.
   - 여기서는 "선언만" 한다. 실제 적용은 각 코드 전환 단계에서 var()로 참조.
   - 변수 선언만으로는 현재 화면 디자인에 영향을 주지 않음.
   ============================================================ */
:root{
  /* ---- 색상: 배경 ---- */
  --ctrlai-bg: #141C29;            /* 메인 다크 네이비 배경 */
  --ctrlai-surface: #1A2433;       /* 카드/패널 표면 (배경보다 한 단계 밝게) */
  --ctrlai-surface-overlay: rgba(20, 28, 41, 0.92); /* 반투명 오버레이 카드 */

  /* ---- 색상: 텍스트 ---- */
  --ctrlai-text: #FFFFFF;          /* 기본 본문/제목 텍스트 */
  --ctrlai-text-soft: #E5E7EB;     /* 연회색 텍스트 (보조 본문) */
  --ctrlai-text-muted: #8894A8;    /* 흐린 텍스트 (날짜/메타/캡션) */

  /* ---- 색상: 테두리 ---- */
  --ctrlai-border: #3D4A5D;        /* 기본 구분선/테두리 (가장 많이 쓰임) */
  --ctrlai-border-strong: #4A5B75; /* 강조 테두리 */
  --ctrlai-border-subtle: #222A36; /* 약한 테두리 */
  --ctrlai-border-faint: rgba(255, 255, 255, 0.1); /* 아주 옅은 흰색 선 */

  /* ---- 색상: 강조(포인트) ---- */
  --ctrlai-accent: #FFDD57;        /* 포인트 옐로우 (하이라이트/배지) */

  /* ---- 워드마크(로고) 그라데이션 ---- */
  --ctrlai-wordmark-from: #FFFFFF;
  --ctrlai-wordmark-to: #8894A8;
  --ctrlai-wordmark-gradient: linear-gradient(90deg, var(--ctrlai-wordmark-from) 0%, var(--ctrlai-wordmark-to) 100%);

  /* ============================================================
     타이포그래피 (Elementor 키트 #31 system_typography 기준)
     글꼴은 전 구간 Noto Sans KR.
     ============================================================ */
  --ctrlai-font-main: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* 제목(Primary): 40px / 700 */
  --ctrlai-h1-size: 40px;
  --ctrlai-h1-weight: 700;
  --ctrlai-h1-line: 1.2;
  --ctrlai-h1-spacing: -0.05em;

  /* 부제목(Secondary): 24px / 600 */
  --ctrlai-h2-size: 24px;
  --ctrlai-h2-weight: 600;
  --ctrlai-h2-line: 1.4;
  --ctrlai-h2-spacing: 0.3px;

  /* 본문(Text): 16px / 400 */
  --ctrlai-body-size: 16px;
  --ctrlai-body-weight: 400;
  --ctrlai-body-line: 1.6;

  /* 강조/작은 텍스트(Accent): 14px / 500 */
  --ctrlai-small-size: 14px;
  --ctrlai-small-weight: 500;
  --ctrlai-small-line: 1.2;

  /* ---- 레이아웃 토큰 ---- */
  --ctrlai-radius: 8px;            /* 카드/버튼 기본 모서리 */
  --ctrlai-gap: 16px;             /* 기본 간격 */
}