:root {
  color-scheme: light dark;

  --brand: #F05223;
  --brand-strong: light-dark(#C0421C, #F3754F);
  --brand-soft: light-dark(#FDEDE8, #3A1A10);
  --accent: light-dark(#264CE5, #7D94EF);
  --accent-soft: light-dark(#F1F3FD, #1A2250);

  --bg: light-dark(#F9FAFB, #121417);
  --surface: light-dark(#FFFFFF, #1D1F22);
  --surface-2: light-dark(#F6F8FE, #26292E);
  --column: light-dark(#F0F2F5, #17191C);
  --border: light-dark(#F0F1F1, #2B2F34);
  --border-strong: light-dark(#DADCDD, #3A3F45);

  --text: light-dark(#1D1F22, #F0F1F1);
  --text-2: light-dark(#484E56, #B6B8BB);
  --text-muted: light-dark(#6B7076, #91959A);

  --danger: light-dark(#CA3131, #F08A8A);
  --warning: light-dark(#B45309, #F5B454);
  --success: light-dark(#2F7D53, #7BD3A2);

  --sidebar: light-dark(#1D1F22, #0C0D0F);
  --sidebar-hover: #2B2F34;
  --sidebar-text: #B6B8BB;
  --sidebar-muted: #7F8389;

  --shadow: 0 1px 2px rgb(0 0 0 / 0.06), 0 4px 12px rgb(0 0 0 / 0.08);
  --radius: 8px;
  --radius-lg: 12px;
  --font: "CeraPro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --sidebar-w: 240px;
  --column-w: 272px;
  --panel-w: 420px;
  --panel-min: 360px;
  --panel-max: 720px;
}

[data-theme="light"] { color-scheme: light; }
[data-theme="dark"] { color-scheme: dark; }