/* 노콜 v3 — 꼴의 정본. 색·글꼴·간격·모서리는 여기 한 곳에서만 정한다. (11-07) */
@font-face {
  font-family: "Pretendard";
  src: url("글꼴/Pretendard-subset.woff2") format("woff2-variations"), url("글꼴/Pretendard-subset.woff2") format("woff2");
  font-weight: 400 700;
  font-display: block;
}
@font-face { font-family: "NocallSign"; src: url("글꼴/NanumPen-sign.woff2") format("woff2"); font-display: block; }

:root {
  /* 색 — K.Actuary 와 형제: 버건디(wine #8E1B35) 하나 + 따뜻한 크림·로즈 무채색 · 골드 #F3D977 은 작은 강조(밑줄·핀)만 (소유자 11-07 06시) */
  --accent: #8E1B35;          /* wine · 흰 바탕 9.9:1 */
  --accent-press: #7A0F22;
  --accent-tint: #F6E6E6;     /* 고른 칸 바탕 */
  --accent-line: #E3C4C9;

  --ink-900: #1A0D13;         /* 본문 · 제목 */
  --ink-700: #2A1620;         /* 둘째 글 */
  --ink-500: #6B5A5F;         /* 셋째 글 · 딱지 (회색 바탕 위에서도 AA) */
  --ink-300: #CDBDB8;         /* 꺼진 아이콘 · 빈 칸 */
  --line:    #EDE2DE;         /* 머리카락 선 1px */
  --fill:    #F8F1EF;         /* 입력칸 · 노트 바탕 */
  --bg:      #FBF7F3;         /* 화면 바탕 (따뜻한 흰색) */
  --surface: #FFFCF8;
  --inverse: #2A1620;         /* AI 풀이 · 어두운 카드 */
  --on-inverse: #FFFFFF;
  --on-inverse-2: #E8D9DC;
  --wow: #8E1B35;             /* 와우 순간도 버건디(소유자 07시 «오렌지 터지게 하지 마») */
  --wow-tint: #F6E6E6;
  --safe-top: 47px;           /* iOS 상태줄(390×844 · 노치) */
  --safe-bottom: 34px;        /* iOS 홈 인디케이터 */
  --danger: #6E1228;          /* 오류 글·칸에만 (흰 바탕 6.6:1) — 강조색이 아니다 */
  --mark: #F3D977;            /* gold */
  --rose: #F1E4DF;
  --bubble: #F7ECE8;            /* 약관 밑줄(형광) — 글 바탕만 */

  /* 글꼴 — Pretendard 하나 · 굵기 셋(400 · 600 · 700) */
  --font: "Pretendard", "Pretendard Variable", -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  --w-regular: 400;
  --w-semibold: 600;
  --w-bold: 700;

  /* 크기 단계 — 여섯 칸만 */
  --t-caption: 12px;  --lh-caption: 16px;
  --t-small:   14px;  --lh-small:   20px;
  --t-body:    16px;  --lh-body:    24px;
  --t-title:   20px;  --lh-title:   28px;
  --t-head:    26px;  --lh-head:    36px;
  --t-display: 40px;  --lh-display: 48px;

  /* 간격 — 8px 격자 (4 는 글자와 글자 사이에만) */
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s5: 40px; --s6: 48px; --s8: 64px;
  --gutter: 24px;

  /* 모서리 · 그림자 — 절제 */
  --r-xs: 4px; --r-s: 10px; --r-m: 16px; --r-l: 22px; --r-round: 50%;
  --t-stat: 32px; --t-hero-m: 36px; --t-hero: 64px;   /* 큰 숫자 · 소개 화면 제목 */
  --bar: #DCD9D3;              /* 막대 그래프 회색 */
  --glass: rgba(255,255,255,.12); --shadow-soft: rgba(0,0,0,.12); --r-pill: 999px;
  --shadow-sheet: 0 -8px 24px rgba(22, 23, 26, 0.08);
  --shadow-float: 0 8px 24px rgba(22, 23, 26, 0.12);

  --tap: 48px;               /* 누르는 칸 최소 (44 이상) */
}
