/* DCS Dashboard Shell v1 — Design Tokens
 * Microsoft Azure-inspired light theme
 * Single source of truth for all DCS dashboards
 */

:root {
  /* === BRAND === */
  --dcs-blue:        #2f6fed;
  --dcs-blue-hover:  #1f5fd8;
  --dcs-blue-active: #174fbf;
  --dcs-blue-tint:   #eef4fe;
  --dcs-blue-tint-2: #dde9fc;

  /* === NEUTRALS === */
  --dcs-ink:         #1a1a1a;
  --dcs-ink-2:       #333333;
  --dcs-ink-3:       #555555;
  --dcs-muted:       #6b7280;
  --dcs-muted-2:     #9ca3af;
  --dcs-line:        #e5e7eb;
  --dcs-line-2:      #eef0f3;
  --dcs-bg:          #ffffff;
  --dcs-bg-2:        #f7f8fa;
  --dcs-bg-3:        #fafbfc;

  /* === STATUS === */
  --dcs-green:       #16a34a;
  --dcs-green-tint:  #dcfce7;
  --dcs-amber:       #d97706;
  --dcs-amber-tint:  #fef3c7;
  --dcs-red:         #dc2626;
  --dcs-red-tint:    #fee2e2;
  --dcs-purple:      #7c3aed;
  --dcs-purple-tint: #ede9fe;

  /* === TYPE === */
  --dcs-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter",
              Roboto, Helvetica, Arial, sans-serif;
  --dcs-mono: "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;

  /* === SPACING === */
  --dcs-s1: 4px;
  --dcs-s2: 8px;
  --dcs-s3: 12px;
  --dcs-s4: 16px;
  --dcs-s5: 20px;
  --dcs-s6: 24px;
  --dcs-s8: 32px;
  --dcs-s10: 40px;
  --dcs-s12: 48px;

  /* === RADIUS === */
  --dcs-r-sm: 6px;
  --dcs-r:    10px;
  --dcs-r-lg: 14px;
  --dcs-r-xl: 18px;

  /* === SHADOW === */
  --dcs-shadow-sm: 0 1px 2px rgba(16,24,40,.04);
  --dcs-shadow:    0 4px 12px rgba(16,24,40,.06);
  --dcs-shadow-lg: 0 12px 32px rgba(16,24,40,.10);

  /* === LAYOUT === */
  --dcs-header-h:  56px;
  --dcs-sidebar-w: 260px;
  --dcs-sidebar-w-collapsed: 64px;
  --dcs-footer-h:  44px;

  /* === Z-INDEX === */
  --dcs-z-base: 1;
  --dcs-z-sticky: 10;
  --dcs-z-header: 100;
  --dcs-z-overlay: 500;
  --dcs-z-modal: 1000;
  --dcs-z-toast: 2000;
}