/* ColdX Design System — Theme Variables */
:root {
  --cx-primary: #1677FF;
  --cx-primary-hover: #0958D9;
  --cx-primary-active: #084DB8;
  --cx-primary-soft: #EAF3FF;
  --cx-primary-muted: #F2F7FF;

  --cx-sidebar: #081426;
  --cx-sidebar-2: #0B1930;
  --cx-sidebar-hover: #10284A;
  --cx-sidebar-active: #13366B;

  --cx-page-bg: #F4F7FB;
  --cx-card-bg: #FFFFFF;

  --cx-text: #14213D;
  --cx-text-2: #667085;
  --cx-text-3: #98A2B3;

  --cx-border: #E7ECF3;
  --cx-divider: #EEF2F6;
  --cx-input-border: #DDE4ED;

  --cx-success: #22B573;
  --cx-success-soft: #DCFCE7;
  --cx-success-text: #15803D;
  --cx-warning: #F59E0B;
  --cx-warning-soft: #FEF3C7;
  --cx-warning-text: #B45309;
  --cx-danger: #EF4444;
  --cx-danger-soft: #FEE2E2;
  --cx-danger-text: #DC2626;
  --cx-info: #1677FF;

  --cx-radius-sm: 7px;
  --cx-radius: 10px;
  --cx-radius-lg: 14px;

  --cx-shadow: 0 2px 8px rgba(16, 24, 40, 0.04);
  --cx-shadow-card: 0 2px 8px rgba(16, 24, 40, 0.03);
  --cx-shadow-modal: 0 20px 50px rgba(16, 24, 40, 0.18);

  --cx-sidebar-width: 220px;
  --cx-sidebar-collapsed: 64px;
  --cx-header-height: 64px;
  --cx-page-padding: 20px;
  --cx-section-gap: 16px;

  --cx-font:
    Inter,
    "PingFang SC",
    "Microsoft YaHei",
    Arial,
    sans-serif;

  --cx-transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease;
}