:root {
  --page-bg: #f2f7ff;
  --surface: #ffffff;
  --surface-subtle: #fafafa;
  --text-primary: #333333;
  --text-secondary: #777777;
  --border-subtle: #ececec;
  --control-border: #cccccc;
  --brand-accent: #f1851c;
  --brand-accent-hover: #f58420;
  --on-brand: #ffffff;
  --success-text: #22863a;
  --success-bg: #edf8f0;
  --warning-text: #9a5b00;
  --warning-bg: #fff6e8;
  --danger-text: #c5221f;
  --danger-bg: #fff0ee;
  --info-text: #333333;
  --info-bg: #f2f2f2;
  --radius-control: 3px;
  --radius-card: 8px;
  --radius-badge: 6px;
  --shadow-overlay: 0 10px 30px rgb(31 45 61 / 8%);
  --font-ui: Montserrat, Arial, sans-serif;
  --font-heading: var(--font-ui);
}