/* 마이필로 — shared semantic design tokens. */
:root {
  color-scheme: light;
  --ph-background: #f8fafc;
  --ph-surface: #ffffff;
  --ph-text: #24272d;
  --ph-text-muted: #606975;
  --ph-primary: #167343;
  --ph-on-primary: #ffffff;
  --ph-primary-hover: #105c35;
  --ph-question: #f3f4f6;
  --ph-question-text: #24272d;
  --ph-selected: #edf8f0;
  --ph-border: #dce1e8;
  --ph-control-border: #9aa4b2;
  --ph-focus: #167343;
  --ph-agree-surface: #f3f4f6;
  --ph-agree-text: #424a57;
  --ph-agree-border: #dce1e8;
  --ph-debate-surface: #f8fafc;
  --ph-debate-text: #424a57;
  --ph-debate-border: #dce1e8;
  --ph-restart-surface: #edf8f0;
  --ph-restart-text: #105c35;
  --ph-restart-border: #b8dfc5;
  --ph-space-1: .25rem;
  --ph-space-2: .5rem;
  --ph-space-3: .75rem;
  --ph-space-4: 1rem;
  --ph-space-6: 1.5rem;
  --ph-space-8: 2rem;
  --ph-space-12: 3rem;
  --ph-space-16: 4rem;
  --ph-font: 'Noto Sans CJK KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  --ph-size-meta: .8125rem;
  --ph-size-label: .875rem;
  --ph-size-body: 1rem;
  --ph-size-question: 1.125rem;
  --ph-size-section: 1.375rem;
  --ph-size-title: 2rem;
  --ph-size-display: clamp(2rem, 5vw, 2.75rem);
  --ph-leading-body: 1.65;
  --ph-leading-question: 1.6;
  --ph-leading-heading: 1.4;
  --ph-size-action: 1.25rem;
  --ph-height-action: 3.75rem;
  --ph-radius-action: .75rem;
  --ph-radius-control: .5rem;
  --ph-radius-reading: .75rem;
  --ph-radius-dialog: 1rem;
  --ph-width-reading: 42rem;
  --ph-width-quiz: 40rem;
  --ph-width-guide: 72rem;
  --ph-duration-feedback: 120ms;
  --ph-duration-transition: 180ms;
  --ph-ease: cubic-bezier(.2, .7, .2, 1);
}