/*
 * 테마 변수 모음 — 색과 글꼴은 전부 이 파일에서만 바꿔요.
 * 여기 값만 바꾸면 전체 화면의 색과 분위기가 함께 바뀝니다.
 */
:root {
  /* 배경 */
  --sky: #cdeeff;            /* 밝은 하늘색 배경 */
  --sky-deep: #7cc8f2;       /* 진한 하늘색 포인트 */
  --grid: rgba(60, 120, 180, 0.16); /* 수학 공책 모눈 선 */
  --paper: #ffffff;          /* 카드·버튼 바탕 */
  --overlay: rgba(29, 45, 91, 0.35); /* 카운트다운 덮개 */

  /* 글자·테두리 */
  --ink: #1d2d5b;            /* 남색 테두리와 글자 */

  /* 포인트 */
  --sun: #ffd84d;            /* 노랑 */
  --mint: #7fe3c3;           /* 민트 */
  --pink: #ff8fb1;           /* 분홍 */
  --lilac: #c9b8ff;          /* 연보라 */
  --peach: #ffb98f;          /* 복숭아 */

  /* 정답·오답 */
  --ok: #2fbf7f;
  --bad: #ff4d6d;

  /* 모양 */
  --radius-lg: 24px;
  --radius: 16px;
  --border: 4px;             /* 두꺼운 테두리 */
  --shadow: 6px;             /* 오프셋 그림자 거리 */
  --touch: 60px;             /* 손가락으로 누르기 쉬운 최소 높이 */

  /* 글꼴 */
  --font-title: "Jua", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-body: "Gowun Dodum", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}