:root {
  --surface-canvas: #F8F9FA;
  --surface-1: #FFFFFF;
  --surface-2: #F7F4EE;
  --border: #E5E7EB;
  --border-strong: #D8D2C6;
  --text-1: #25313C;
  --text-2: #64707D;
  --text-3: #93A0AB;
  --accent: #C9735B;
  --accent-weak: rgba(201, 115, 91, 0.12);
  --accent-hover: #B65F49;
  --action-bg: #C9735B;
  --action-fg: #FFFFFF;
  --warn: #C28A35;
  --warn-weak: rgba(194, 138, 53, 0.13);
  --error: #C65353;
  --error-weak: rgba(198, 83, 83, 0.12);
  --success: #258568;
  --info: #4A7BA8;
  --radius-control: 8px;
  --font-ui: 'Manrope', 'Segoe UI', system-ui, Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface-canvas: #19232C; --surface-1: #25313C; --surface-2: #303E4B;
    --border: #394956; --border-strong: #4A5A68;
    --text-1: #F7F4EE; --text-2: #B9C3CC; --text-3: #8794A0;
    --accent: #C9735B; --accent-weak: rgba(201, 115, 91, 0.18); --accent-hover: #D98A73;
    --action-bg: #C9735B; --action-fg: #FFFFFF;
    --warn: #D6A24C; --warn-weak: rgba(214, 162, 76, 0.15);
    --error: #E07A7A; --error-weak: rgba(224, 122, 122, 0.15);
    --success: #4FB08C; --info: #6FA3D0;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --surface-canvas: #19232C; --surface-1: #25313C; --surface-2: #303E4B;
  --border: #394956; --border-strong: #4A5A68;
  --text-1: #F7F4EE; --text-2: #B9C3CC; --text-3: #8794A0;
  --accent: #C9735B; --accent-weak: rgba(201, 115, 91, 0.18); --accent-hover: #D98A73;
  --action-bg: #C9735B; --action-fg: #FFFFFF;
  --warn: #D6A24C; --warn-weak: rgba(214, 162, 76, 0.15);
  --error: #E07A7A; --error-weak: rgba(224, 122, 122, 0.15);
  --success: #4FB08C; --info: #6FA3D0;
  color-scheme: dark;
}