:root {
  /* Brand */
  --sw-primary-dark: #0F172A;
  --sw-sidebar: #0F172A;
  --sw-sidebar-hover: #1E293B;
  --sw-sidebar-active: #24334A;

  --sw-primary: #0F97E5;
  --sw-primary-hover: #0B7FCC;
  --sw-primary-active: #0869AE;
  --sw-primary-soft: #E7F5FE;

  --sw-cyan: #18B6D2;
  --sw-teal: #11CBBE;
  --sw-teal-hover: #0FAEAA;
  --sw-teal-soft: #E5FBF8;

  --sw-gradient: linear-gradient(
    90deg,
    #0F97E5 0%,
    #18B6D2 48%,
    #11CBBE 100%
  );

  /* App surfaces */
  --sw-bg: #F7F9FC;
  --sw-surface: #FFFFFF;
  --sw-surface-muted: #F1F5F9;
  --sw-surface-subtle: #F8FAFC;

  /* Text */
  --sw-text-primary: #0F172A;
  --sw-text-secondary: #475569;
  --sw-text-muted: #64748B;
  --sw-text-inverse: #FFFFFF;

  /* Borders */
  --sw-border: #E2E8F0;
  --sw-border-strong: #CBD5E1;
  --sw-focus-ring: rgba(15, 151, 229, 0.28);

  /* Semantic */
  --sw-success: #16A34A;
  --sw-success-soft: #DCFCE7;
  --sw-warning: #F59E0B;
  --sw-warning-soft: #FEF3C7;
  --sw-danger: #DC2626;
  --sw-danger-soft: #FEE2E2;
  --sw-info: #0F97E5;
  --sw-info-soft: #E7F5FE;

  /* Shape */
  --sw-radius-xs: 4px;
  --sw-radius-sm: 6px;
  --sw-radius-md: 8px;
  --sw-radius-lg: 10px;
  --sw-radius-xl: 14px;

  /* Shadows */
  --sw-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
  --sw-shadow-sm: 0 2px 6px rgba(15, 23, 42, 0.06);
  --sw-shadow-md: 0 8px 20px rgba(15, 23, 42, 0.08);

  /* Layout */
  --sw-sidebar-width: 264px;
  --sw-topbar-height: 64px;
}