/**
 * Mine Shift Intelligence — CSS Variables & Design Tokens
 * PT Bina Sarana Sukses
 */

:root {
  /* Surfaces & Backgrounds */
  --bg: #f8fafc;
  --bg-gradient: #f8fafc;
  --card: #ffffff;
  --card2: #f8fafc;
  --card-subtle: #ffffff;
  --card-hover: #f1f5f9;

  /* Typography Colors - High Contrast Minimalist */
  --text: #0f172a;
  --text-primary: #0f172a;
  --text-secondary: #334155;
  --muted: #64748b;
  --muted-light: #94a3b8;

  /* Borders & Dividers */
  --line: #e2e8f0;
  --line-light: #f1f5f9;
  --line-strong: #cbd5e1;

  /* Accent & State Colors */
  --blue: #2563eb;
  --blue-hover: #1d4ed8;
  --blue-subtle: #eff6ff;
  --blue2: #0284c7;
  --green: #16a34a;
  --green-subtle: #f0fdf4;
  --amber: #d97706;
  --amber-subtle: #fffbeb;
  --red: #dc2626;
  --red-subtle: #fef2f2;
  --violet: #7c3aed;

  /* Equipment Status Color Tokens (W, S, D, BU, MS) */
  --W: #16a34a;   /* Working - Green */
  --S: #d97706;   /* Standby - Amber */
  --D: #ea580c;   /* Delay - Orange */
  --BU: #dc2626;  /* Breakdown Unscheduled - Red */
  --MS: #7c3aed;  /* Maintenance Scheduled - Purple */

  /* Minimal Shadows */
  --shadow: 0 1px 3px 0 rgba(15, 23, 42, 0.05), 0 1px 2px -1px rgba(15, 23, 42, 0.04);
  --shadow2: 0 1px 2px 0 rgba(15, 23, 42, 0.03);
  --shadow-hover: 0 4px 6px -1px rgba(15, 23, 42, 0.06), 0 2px 4px -2px rgba(15, 23, 42, 0.04);
  --shadow-drawer: -8px 0 24px rgba(15, 23, 42, 0.08);

  /* Clean Radiuses */
  --radius: 12px;
  --radius-md: 8px;
  --radius-sm: 6px;
  --radius-pill: 9999px;

  /* Layout Max Width */
  --shell-max-width: 1720px;

  /* Transitions */
  --transition-fast: 0.12s ease;
  --transition-normal: 0.2s ease;
}