:root {
  color-scheme: light;

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

  --bg: #f4f6f8;
  --surface: #ffffff;
  --surface-soft: #f8fafb;
  --surface-strong: #eef2f5;
  --surface-overlay: rgba(19, 29, 37, 0.58);

  --text: #17212a;
  --text-soft: #667482;
  --text-subtle: #87929d;

  --line: #d9e0e6;
  --line-strong: #bcc7d0;

  --accent: #315f7a;
  --accent-hover: #264e66;
  --accent-soft: #e5f0f5;
  --accent-contrast: #ffffff;

  --danger: #9f4d4d;
  --danger-soft: #f7e9e9;
  --warning: #8d681f;
  --warning-soft: #fbf1d7;
  --success: #2f7256;
  --success-soft: #e6f4ed;

  --shadow-sm: 0 8px 22px rgba(31, 45, 56, 0.08);
  --shadow-md: 0 18px 50px rgba(31, 45, 56, 0.16);

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;

  --header-height: 72px;
  --context-height: 118px;
  --sidebar-width: 244px;

  --content-max-width: 1480px;
  --content-padding: 24px;

  --transition-fast: 160ms ease;
  --transition-normal: 240ms ease;

  --scrollbar-size: 10px;
  --scrollbar-track: #e8edf1;
  --scrollbar-thumb: #aab8c3;
  --scrollbar-thumb-hover: #7e929f;
  --scrollbar-thumb-active: #315f7a;
}