:root {
  --theme-radius-xs: 4px;
  --theme-radius-sm: 6px;
  --theme-radius-md: 8px;
  --theme-radius-lg: 10px;
  --theme-radius-xl: 14px;

  --theme-shadow-soft: 0 8px 24px rgba(15, 23, 42, 0.12);
  --theme-shadow-pop: 0 14px 32px rgba(15, 23, 42, 0.18);

  --theme-light-bg-canvas: #f3f6f9;
  --theme-light-bg-surface: #ffffff;
  --theme-light-bg-muted: #eef2f7;
  --theme-light-text-primary: #1f2937;
  --theme-light-text-secondary: #64748b;
  --theme-light-border-strong: #ced4da;
  --theme-light-border-soft: #e2e8f0;
  --theme-light-primary: #3b5998;
  --theme-light-primary-contrast: #ffffff;
  --theme-light-success: #0ab39c;
  --theme-light-warning: #f7b84b;
  --theme-light-danger: #f06548;
  --theme-light-purple: #845adf;
  --theme-light-secondary: #6c757d;
  --theme-light-info: #299cdb;
  --theme-light-focus: rgba(10, 179, 156, 0.22);

  --theme-dark-bg-canvas: #151a21;
  --theme-dark-bg-surface: #1f2630;
  --theme-dark-bg-muted: #2a3340;
  --theme-dark-text-primary: #d9e1ea;
  --theme-dark-text-secondary: #9aa7b7;
  --theme-dark-border-strong: #394556;
  --theme-dark-border-soft: #2f3a49;
  --theme-dark-primary: #7a8fd8;
  --theme-dark-primary-contrast: #0f172a;
  --theme-dark-success: #44d7be;
  --theme-dark-warning: #f9c972;
  --theme-dark-danger: #ff8c76;
  --theme-dark-purple: #a98bee;
  --theme-dark-secondary: #9aa7b7;
  --theme-dark-info: #5cb6e8;
  --theme-dark-focus: rgba(122, 143, 216, 0.28);
}