[data-vt-accent="indigo"], :root {
  --vt-a-500: #5b5cf0;   
  --vt-a-600: #4f46e5;
  --vt-a-700: #4338ca;
  --vt-a-soft-light: #eef2ff;
  --vt-a-soft-dark:  #1d2046;  --vt-a-text-dark: #a5a8ff;  --vt-a-text-hi-dark: #c7c9ff;  --vt-a-text-dark-rgb: 165, 168, 255;  --vt-a-text-hi-dark-rgb: 199, 201, 255;
  --vt-a-ring-light: rgba(79, 70, 229, .16);
  --vt-a-ring-dark:  rgba(99, 102, 241, .28);
  --vt-a-deep-light: #e0e7ff;  --vt-a-deep-dark: #24276b;   
  --vt-a-border-dark: #3b3fa8;   
}

:root {
  --vt-accent:      var(--vt-a-600);
  --vt-accent-hi:   var(--vt-a-700);
  --vt-accent-soft: var(--vt-a-soft-light);  --vt-accent-text: var(--vt-accent);  --vt-accent-text-hi: var(--vt-accent-hi);  --vt-tab-active-text: var(--vt-accent);
  --vt-accent-ring: var(--vt-a-ring-light);  --vt-accent-deep: var(--vt-a-deep-light);
  --vt-on-accent:   #ffffff;
  --vt-accent-border: var(--vt-a-600);
  
  --vt-ok-solid:   #15803d;  --vt-ok-solid-key:   #dcfce7;
  --vt-warn-solid: #92400e;  --vt-warn-solid-key: #fde8c8;
  --vt-accent-solid-key: #e0e1ff;

  --vt-bg:          #f4f6fa;
  --vt-surface:     #ffffff;  --vt-topbar-bg: var(--vt-surface);
  --vt-surface-2:   #f5f7fb;   
  --vt-raised:      #fbfcfe;
  --vt-border:      #e4e8ef;
  --vt-border-soft: #eef1f6;  --vt-card-border: var(--vt-border-soft);

  --vt-text:        #171c26;
  --vt-text-soft:   #5a6474;
  --vt-text-mute:   #667284;   

  
  --vt-side:        #1c2434;
  --vt-side-soft:   #2a3348;
  --vt-side-text:   #b6c0d4;
  --vt-side-mute:   #6b7791;

  
  --vt-ok:      #0c7f47;  --vt-ok-soft:      #e7f6ee;  --vt-ok-border: #9fd8bb;  --vt-ok-text: #0c7f47;
  --vt-warn:    #b45309;  --vt-warn-soft:    #fdf3e3; --vt-warn-border: rgba(180, 83, 9, .35); --vt-warn-text: #92400e; --vt-danger-border: rgba(220, 38, 38, .35);
  --vt-danger:  #d32222;  --vt-danger-soft:  #fdeaea;
  --vt-info:    #0369a1;  --vt-info-soft:    #e6f2fa;
  
  --vt-meter: #6366f1;  --vt-control-text: #3f4857;  --vt-on-accent-deep: var(--vt-a-700);

  
  --vt-series-1: #4f46e5;
  --vt-series-2: #ea580c;
  --vt-grid:     #e4e8ef;

  
  --vt-topbar-h: 56px;

  --vt-r-lg: 14px;   
  --vt-r:    10px;   
  --vt-r-sm: 7px;

  --vt-shadow:    0 1px 2px rgba(16,24,40,.04), 0 2px 6px rgba(16,24,40,.05);
  --vt-shadow-lg: 0 4px 12px rgba(16,24,40,.07), 0 12px 32px rgba(16,24,40,.06);
}

[data-bs-theme="dark"] {
  --vt-accent:      var(--vt-a-500);
  --vt-accent-hi:   var(--vt-a-600);
  --vt-accent-soft: var(--vt-a-soft-dark);  --vt-accent-text: var(--vt-a-text-dark);  --vt-accent-text-hi: var(--vt-a-text-hi-dark);  --vt-tab-active-text: var(--vt-text);
  --vt-accent-deep: var(--vt-a-deep-dark);  --vt-accent-border: var(--vt-a-border-dark);
  --vt-accent-ring: var(--vt-a-ring-dark);  --bs-link-color-rgb: var(--vt-a-text-dark-rgb);  --bs-link-hover-color-rgb: var(--vt-a-text-hi-dark-rgb);

  --vt-bg:          #0f1420;
  --vt-surface:     #171d2b;  --vt-topbar-bg: #0d121c;
  --vt-surface-2:   #1d2434;   
  --vt-raised:      #212736;
  --vt-border:      #262e40;
  --vt-border-soft: #1c2333;  --vt-card-border: var(--vt-border);

  --vt-text:        #f2f4f8;
  --vt-text-soft:   #a2acbd;
  --vt-text-mute:   #7c869c;

  --vt-side:        #0b0f18;
  --vt-side-soft:   #232b3b;
  --vt-side-text:   #c4cbdb;
  --vt-side-mute:   #63708a;

  
  --vt-ok:      #34d399;  --vt-ok-soft:      #10291f;  --vt-ok-border:   #1f6b47;  --vt-ok-text: #6ee7b7;
  --vt-warn:    #fbbf24;  --vt-warn-soft:    #2a2110;  --vt-warn-border:   #7a5a12;  --vt-warn-text: #fcd77a;
  --vt-danger:  #f87171;  --vt-danger-soft:  #2a1517;  --vt-danger-border: #5c2328;  --vt-danger-text: #fca5a5;
  --vt-info:    #38bdf8;  --vt-info-soft:    #10222e;
  --vt-meter: #6d6ef5;  --vt-control-text: #c4cbdb;  --vt-on-accent-deep: #ffffff;

  --vt-series-1: #6366f1;
  --vt-series-2: #e8672a;
  --vt-grid:     #2c3444;

  --vt-shadow:    0 1px 2px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.3);
  --vt-shadow-lg: 0 4px 12px rgba(0,0,0,.45), 0 12px 32px rgba(0,0,0,.4);
}