/*! 일등수학앱 | © 2026 일등수학학원. All rights reserved.
 *  무단 복제·배포·2차적 저작물 작성을 금합니다. */
/* tokens.css — 일등수학앱 디자인 토큰
   색은 전부 로고에서 뽑았다: 핑크 #E8466F · 워드마크 먹색 #231916 · 큐브 회색 #898989.
   하드코딩 색 금지 — 항상 이 변수만 쓴다.
   직원앱(public/css/tokens.css)과 별개 파일이다. 두 앱을 한 코드로 합치지 않는다. */

@font-face{
  font-family:'Pretendard'; font-style:normal; font-weight:400; font-display:swap;
  src:url('../fonts/pretendard-400.woff2') format('woff2');
}
@font-face{
  font-family:'Pretendard'; font-style:normal; font-weight:600; font-display:swap;
  src:url('../fonts/pretendard-600.woff2') format('woff2');
}

:root{
  /* 브랜드 */
  --brand:#e8466f;          /* 로고 핑크 — 확인이 필요한 곳에만 */
  --brand-ink:#b32e52;      /* 흰 바탕 위 작은 글자용(대비 확보) */
  --brand-tint:#fdeff3;
  --brand-line:#f6d3dd;

  /* 글자 — 순검정이 아니라 로고 워드마크의 따뜻한 먹색 */
  --ink:#231916;
  --ink-2:#5c4f51;
  --muted:#8b8082;

  /* 면 */
  --paper:#ffffff;
  --paper-2:#fbf8f9;        /* 카드 그라데이션 끝점 — 흰색과 2% 차이 */
  --app-top:#fdfafb;        /* 앱 바탕. 로고 핑크를 아주 옅게 섞었다 */
  --app-bot:#f7f0f3;
  --surface-2:#f3eeef;

  /* 선 */
  --line:#ece5e6;
  --line-soft:#f4eff0;

  /* 교재 머리띠 — 로고 핑크를 끝까지 어둡게 내린 와인색 */
  --deep-1:#5e182f;
  --deep-2:#2f0d1a;

  /* 버튼 — 흰 글자가 얹히므로 로고 핑크보다 한 단계 진하게 */
  --btn-bg:#b32e52;
  --btn-fg:#ffffff;

  --bar-track:#efe9ea;
  --danger:#c0504d;

  --radius:14px;
  --pad:18px;
  --shadow:0 1px 1px rgba(35,25,22,.035), 0 3px 10px rgba(35,25,22,.045);

  /* 굵기는 400/600 두 가지만 (직원앱은 400/500, 학부모용은 한 단계 크고 굵게) */
  --fw-normal:400;
  --fw-bold:600;
}

@media (prefers-color-scheme:dark){
  :root{
    --brand:#f2698c; --brand-ink:#f9a3ba; --brand-tint:#3a2027; --brand-line:#5c2f3d;
    --ink:#f6f1f2; --ink-2:#c5b9bb; --muted:#9c8f91;
    --paper:#221b1d; --paper-2:#281f22; --surface-2:#2b2225;
    --app-top:#1b1517; --app-bot:#241a1e;
    --line:#372d30; --line-soft:#2e2528; --bar-track:#3a2f32;
    --btn-bg:#f2698c; --btn-fg:#2a1418;
    --danger:#e08a87;
    --shadow:0 1px 1px rgba(0,0,0,.25), 0 3px 10px rgba(0,0,0,.3);
  }
}