:root {
  --bg: #f4f5f7;
  --bg-soft: #fbfbfc;

  --panel: rgba(255, 255, 255, 0.96);
  --panel-solid: #ffffff;
  --panel-soft: #f7f7f8;
  --panel-hover: #f1f2f3;

  --text: #15171c;
  --text-strong: #05070a;
  --muted: #6d727c;
  --muted-2: #9da3ad;

  --line: rgba(10, 13, 18, 0.105);
  --line-strong: rgba(10, 13, 18, 0.18);

  --black: #101010;
  --white: #ffffff;

  --yellow: #fed027;
  --yellow-2: #fae232;
  --red: #e60000;

  --success: #148a45;
  --warning: #9b6a00;
  --danger: #d71920;
  --info: #1d5fae;

  --sidebar-width: 206px;
  --rightbar-width: 286px;
  --topbar-height: 44px;

  --radius-xl: 13px;
  --radius: 10px;
  --radius-sm: 7px;

  --shadow: 0 10px 26px rgba(15, 23, 42, 0.055);
  --shadow-soft: 0 5px 14px rgba(15, 23, 42, 0.045);

  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --transition: 150ms ease;
}

:root[data-theme="dark"] {
  --bg: #080a0f;
  --bg-soft: #0d1017;

  --panel: rgba(14, 17, 24, 0.95);
  --panel-solid: #10131b;
  --panel-soft: #151923;
  --panel-hover: #1a202b;

  --text: #f3f5f8;
  --text-strong: #ffffff;
  --muted: #a4acb8;
  --muted-2: #747d8b;

  --line: rgba(255, 255, 255, 0.105);
  --line-strong: rgba(255, 255, 255, 0.18);

  --black: #ffffff;
  --white: #0f131c;

  --success: #45c878;
  --warning: #f1c75b;
  --danger: #ff5555;
  --info: #7db3ff;

  --shadow: 0 10px 26px rgba(0, 0, 0, 0.3);
  --shadow-soft: 0 5px 14px rgba(0, 0, 0, 0.24);
}