/* FlameAI 새 디자인 — 디자인 토큰
   이 파일의 값을 바꾸면 새 디자인이 적용된 모든 공개 페이지(fa- 접두 클래스)에 일괄 반영된다.
   콘솔/관리자(Bootstrap 유지 영역)는 이 토큰을 참조하지 않는다. */

:root {
  /* 브랜드 */
  --brand: #e74830;
  --brand-hover: #e74830;
  --brand-soft: #fff3f1;

  /* 라이트 팔레트 */
  --ink: #0f1012;
  --muted: #686870;
  --line: #e8e8eb;
  --surface: #f7f7f8;
  --surface-2: #fbfbfc;
  --border-soft: #dddde3;

  /* 다크 팔레트 — hero/footer/closing 등 어두운 섹션 전용 */
  --fa-dark: #0f1012;
  --fa-dark-surface: #17181d;
  --fa-dark-surface-2: #191a1f;
  --fa-dark-surface-3: #23242a; 
  --fa-dark-line: #34353d;
  --fa-dark-line-soft: #363740;
  --fa-dark-text: #ffffff;
  --fa-dark-text-muted: #bfc0c8;
  --fa-dark-text-mute-2: #9598a4;
  --fa-dark-text-mute-3: #aaaab3;
  --fa-dark-text-mute-4: #7e818d;
  --fa-dark-border: #ffffff35;
  --fa-dark-border-soft: #ffffff24;
  --fa-dark-border-faint: #ffffff13;
  --fa-dark-surface-tint: #ffffff0c;

  /* 레이아웃 */
  --radius: .625rem;   /* 10px */
  --radius-lg: 1.25rem; /* 20px */
  --container: 90rem;   /* 1440px */

  /* 폰트 — Pretendard는 style-cortexable.css가 이미 @import 로딩함 */
  --font-body: Pretendard, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: Consolas, "Cascadia Code", monospace;
  --text-body: 1rem;

  /* 간격 스케일 */
  --space-1: .25rem;  /* 4px */
  --space-2: .5rem;   /* 8px */
  --space-3: .75rem;  /* 12px */
  --space-4: 1rem;    /* 16px */
  --space-6: 1.5rem;  /* 24px */
  --space-8: 2rem;    /* 32px */
  --space-12: 3rem;   /* 48px */
}