@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Gowun+Dodum&family=Noto+Sans+KR:wght@400;500;600;700;800&family=Nunito+Sans:wght@700;800&display=swap');

:root {
  color-scheme: light;

  --sp-bg: #fff8e9;
  --sp-bg-2: #f3f8ef;
  --sp-surface: #ffffff;
  --sp-surface-2: #fff1d6;
  --sp-ink: #26332f;
  --sp-ink-soft: #64716c;
  --sp-line: #dde6de;

  --sp-primary: #f0644a;
  --sp-primary-ink: #ffffff;
  --sp-primary-press: #c84835;
  --sp-accent: #0d9c8a;
  --sp-accent-ink: #ffffff;

  --sp-good: #2e9e61;
  --sp-bad: #d94b52;
  --sp-warn: #f2a52b;
  --sp-gold: #f3be35;
  --sp-silver: #aebbc3;
  --sp-bronze: #c98657;

  --sub-math: #3478d4;
  --sub-kor: #e05273;
  --sub-sci: #168b72;
  --sub-soc: #c36b2d;
  --sub-eng: #7656c8;
  --sub-art: #d64fa2;
  --sub-prac: #5c7c2b;
  --sub-mix: #0d879c;
  --sub-play: #ef6c1a;

  --sp-radius-s: 12px;
  --sp-radius-m: 20px;
  --sp-radius-l: 30px;
  --sp-shadow: 0 12px 30px rgba(47, 79, 69, 0.12);
  --sp-shadow-press: 0 4px 0 #c84835;

  --sp-font-display: 'Do Hyeon', 'Gowun Dodum', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
  --sp-font-body: 'Noto Sans KR', 'Malgun Gothic', 'Apple SD Gothic Neo', Arial, sans-serif;
  --sp-font-num: 'Nunito Sans', 'Noto Sans KR', 'Malgun Gothic', Arial, sans-serif;
}