:root {
  color-scheme: light;
  --canvas: #f7f7fb;
  --surface-raised: #ffffff;
  --surface-soft: #eeeafe;
  --text-primary: #13213d;
  --text-secondary: #4b556b;
  --border-subtle: #d7dce8;
  --border-strong: #68768f;
  --brand-field: #5d5bd7;
  --on-brand: #ffffff;
  --brand-text: #4f46a5;
  --focus-ring: #635bff;
  --success-text: #146c43;
  --warning-text: #8a4b08;
  --error-text: #b42318;
  --info-text: #2458a6;
  --shadow-soft: 0 18px 50px rgb(19 33 61 / 8%);
  --font-sans: "Pretendard Variable", Inter, "Apple SD Gothic Neo", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius-control: 12px;
  --radius-card: 20px;
  --radius-reading: 24px;
  --ease-out: cubic-bezier(.2, .8, .2, 1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --canvas: #0c1324;
    --surface-raised: #121b2e;
    --surface-soft: #18243b;
    --text-primary: #f7f5f2;
    --text-secondary: #b7c0d2;
    --border-subtle: #33415a;
    --border-strong: #66728a;
    --brand-field: #a69bf5;
    --on-brand: #101a32;
    --brand-text: #c6bffd;
    --focus-ring: #c9c2ff;
    --success-text: #2fb879;
    --warning-text: #f4b15d;
    --error-text: #ff8178;
    --info-text: #7db1ff;
    --shadow-soft: 0 20px 55px rgb(0 0 0 / 24%);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --canvas: #0c1324;
  --surface-raised: #121b2e;
  --surface-soft: #18243b;
  --text-primary: #f7f5f2;
  --text-secondary: #b7c0d2;
  --border-subtle: #33415a;
  --border-strong: #66728a;
  --brand-field: #a69bf5;
  --on-brand: #101a32;
  --brand-text: #c6bffd;
  --focus-ring: #c9c2ff;
  --success-text: #2fb879;
  --warning-text: #f4b15d;
  --error-text: #ff8178;
  --info-text: #7db1ff;
  --shadow-soft: 0 20px 55px rgb(0 0 0 / 24%);
}