:root {
  --bg: #FFFFFF;
  --bg-elevated: #F6F5F1;
  --bg-input: #FFFFFF;
  --text-primary: #0A0A0A;
  --text-body: #212529;
  --text-head: #171717;
  --text-secondary: #5C5C57;
  --text-tertiary: #72726C;
  --border-subtle: rgba(10, 10, 10, 0.12);
  --border-soft: rgba(10, 10, 10, 0.24);
  --accent: #0A0A0A;
  --cta-bg: #0A0A0A;
  --cta-text: #F5F5F0;
  --error: #B3261E;
  --ok: #17B57A;
  --warn: #C9521B;
  --warn-bg: #FDF0EA;
  --card-dark: #0A0A0A;
  --on-dark: #F5F5F0;
  --on-dark-soft: #C4C4BE;
  --on-dark-quiet: #9A9A95;
  --line: #DDDDDD;
  --shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  --radius: 6px;
  --radius-cta: 4px;
  --radius-sheet: 16px;
  --gutter: 22px;
  --sp-4: 4px;
  --sp-6: 6px;
  --sp-8: 8px;
  --sp-9: 9px;
  --sp-10: 10px;
  --sp-12: 12px;
  --sp-14: 14px;
  --sp-16: 16px;
  --sp-18: 18px;
  --sp-19: 19px;
  --sp-20: 20px;
  --sp-24: 24px;
  --sp-28: 28px;
  --sp-32: 32px;
  --sp-31: 31px;
  --sp-34: 34px;
  --sp-35: 35px;
  --sp-45: 45px;
  --sp-61: 61px;
  --sp-40: 40px;
  --sp-48: 48px;
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-17: 17px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 600;
  --fw-800: 600;
  --dur-press: 120ms;
}