/* 주니어 4학기 디자인 정리 — common.css 옛 색 변수를 새 토큰(jr-tokens.css)으로 다시 연결.
 * ⚠️ common.css 바로 다음 줄에서만 불러온다 → 그 뒤에 오는 화면 전용 CSS 가 같은 이름을 다시 정의하면 그 값이 이긴다.
 * 학생·학부모 화면만(코치·관리 화면은 안 불러옴). */
:root {
  --main-bg: var(--jr-orange);
  --main-bg-dark: var(--jr-orange-edge);
  --accent: var(--jr-orange);
  --accent-dark: var(--jr-orange-deep);
  --coin-badge: var(--jr-yellow);
  --coin-number: var(--jr-olive-deep);
  --gold: var(--jr-yellow);
  --silver: var(--jr-gray-400);
  --bronze: var(--jr-olive);
  --card-steady: var(--jr-green);
  --card-leader: var(--jr-sky);
  --card-mission: var(--jr-orange);
  --card-posture: var(--jr-purple);
  --card-passion: var(--jr-red);
  --card-champion: var(--jr-yellow);
  --white: var(--jr-white);
  --black: var(--jr-gray-900);
  --gray-50: var(--jr-gray-50);
  --gray-100: var(--jr-gray-100);
  --gray-200: var(--jr-gray-100);
  --gray-300: var(--jr-gray-200);
  --gray-400: var(--jr-gray-400);
  --gray-500: var(--jr-gray-600);
  --gray-600: var(--jr-gray-600);
  --gray-700: var(--jr-gray-700);
  --gray-800: var(--jr-gray-800);
  --slate-50: var(--jr-gray-100);
  --slate-100: var(--jr-gray-200);
  --slate-200: var(--jr-gray-400);
  --slate-300: var(--jr-gray-600);
  --slate-400: var(--jr-gray-600);
  --slate-600: var(--jr-gray-700);
  --slate-700: var(--jr-gray-700);
  --slate-800: var(--jr-gray-800);
  --slate-900: var(--jr-gray-900);
  --amber-50: var(--jr-yellow-soft);
  --amber-100: var(--jr-yellow-soft);
  --amber-300: var(--jr-yellow);
  --orange-50: var(--jr-orange-soft);
  --orange-100: var(--jr-yellow-soft);
  --orange-200: var(--jr-yellow);
  --orange-300: var(--jr-yellow);
  --orange-400: var(--jr-orange);
  --orange-900: var(--jr-orange-edge);
  --deep-orange-400: var(--jr-orange);
  --deep-orange-500: var(--jr-orange-deep);
  --blue-50: var(--jr-sky-soft);
  --blue-100: var(--jr-sky-bg-100);
  --blue-200: var(--jr-sky-bg-200);
  --blue-400: var(--jr-sky);
  --blue-600: var(--jr-sky-edge);
  --blue-700: var(--jr-sky-deep);
  --blue-800: var(--jr-sky-deep);
  --blue-accent: var(--jr-sky-edge);
  --blue-tint: var(--jr-sky-soft);
  --light-blue-50: var(--jr-sky-bg-50);
  --light-blue-100: var(--jr-sky-bg-100);
  --light-blue-200: var(--jr-sky-bg-200);
  --light-blue-300: var(--jr-sky-bg-300);
  --sky: var(--jr-sky-bg-300);
  --cyan-50: var(--jr-sky-bg-50);
  --teal-50: var(--jr-sky-bg-50);
  --green-50: var(--jr-green-soft);
  --green-100: var(--jr-green-soft);
  --green-200: var(--jr-green);
  --green-400: var(--jr-green);
  --green-600: var(--jr-green-deep);
  --green-tint: var(--jr-green-soft);
  --purple-50: var(--jr-purple-soft);
  --purple-100: var(--jr-purple-soft);
  --purple-200: var(--jr-purple);
  --purple-400: var(--jr-purple);
  --purple-700: var(--jr-purple-deep);
  --deep-purple-50: var(--jr-purple-soft);
  --purple-tint: var(--jr-purple-soft);
  --yellow-50: var(--jr-yellow-soft);
  --yellow-100: var(--jr-yellow-soft);
  --yellow-200: var(--jr-yellow);
  --yellow-400: var(--jr-yellow);
  --yellow-900: var(--jr-orange);
  --danger: var(--jr-red);
  --red-50: var(--jr-red-soft);
  --red-100: var(--jr-red-soft);
  --red-200: var(--jr-gray-200);
  --red-600: var(--jr-red-deep);
  --red-a200: var(--jr-red);
  --red-pure: var(--jr-red);
  --red-dark: var(--jr-red-deep);
  --rose: var(--jr-orange);
  --rose-light: var(--jr-orange-soft);
  --orange-500: var(--jr-orange);
  --orange-vivid: var(--jr-orange);
  --orange-light: var(--jr-orange);
  --orange-bright: var(--jr-orange);
  --orange-soft: var(--jr-orange);
  --orange-warm: var(--jr-orange);
  --amber-light: var(--jr-yellow);
  --deep-orange-700: var(--jr-orange-edge);
  --deep-orange-900: var(--jr-orange-deep);
  --peach: var(--jr-orange-soft);
  --cream: var(--jr-orange-soft);
  --cream-50: var(--jr-gray-50);
  --cream-100: var(--jr-gray-50);
  --tan: var(--jr-orange);
  --slate-950: var(--jr-gray-900);
  --slate-25: var(--jr-gray-100);
  /* 그림자 4종 · 모서리 단계 */
  --shadow-sm: var(--jr-shadow-raised);
  --shadow-md: var(--jr-shadow-card);
  --shadow-card: var(--jr-shadow-card);
  --shadow-lg: var(--jr-shadow-overlay);
  --radius-sm: var(--jr-radius-tile-s);
  --font-size-xs: var(--jr-text-caption);  /* 11px → 13px (글자 최소 13) */
}