/* ==========================================================================
   MIND ID ENTERPRISE DASHBOARD — DESIGN SYSTEM TOKENS
   Premium Executive Mining Intelligence Platform
   ========================================================================== */

:root {
  /* ── BRAND PALETTE ─────────────────────────────────────────────────── */
  --brand-gold:        #C9973A;
  --brand-gold-light:  #E8B84B;
  --brand-gold-dim:    rgba(201, 151, 58, 0.15);
  --brand-copper:      #B87333;
  --brand-navy:        #0B1120;
  --brand-midnight:    #0D1526;
  --brand-deep:        #111827;

  /* ── SURFACE SYSTEM (Dark Mode — Default) ─────────────────────────── */
  --surface-canvas:    #0B1120;
  --surface-base:      #0F1829;
  --surface-elevated:  #141F35;
  --surface-raised:    #192642;
  --surface-overlay:   #1D2D4E;
  --surface-border:    rgba(255,255,255,0.07);
  --surface-border-md: rgba(255,255,255,0.12);
  --surface-border-lg: rgba(255,255,255,0.18);

  /* ── TEXT ─────────────────────────────────────────────────────────── */
  --text-primary:      #F0F4FF;
  --text-secondary:    #8B9CC8;
  --text-muted:        #4E5F85;
  --text-disabled:     #2D3A55;
  --text-inverse:      #0B1120;
  --text-gold:         #C9973A;

  /* ── SEMANTIC COLORS ─────────────────────────────────────────────── */
  --color-positive:    #10B981;
  --color-positive-bg: rgba(16,185,129,0.12);
  --color-negative:    #EF4444;
  --color-negative-bg: rgba(239,68,68,0.12);
  --color-warning:     #F59E0B;
  --color-warning-bg:  rgba(245,158,11,0.12);
  --color-info:        #3B82F6;
  --color-info-bg:     rgba(59,130,246,0.12);
  --color-critical:    #DC2626;
  --color-critical-bg: rgba(220,38,38,0.15);

  /* ── ENTITY COLORS ───────────────────────────────────────────────── */
  --entity-antam:   #D4AF37;
  --entity-ptba:    #4A90D9;
  --entity-ptfi:    #E07B39;
  --entity-inalum:  #6CC6D1;
  --entity-timah:   #9B8FD6;
  --entity-vale:    #5EAD6E;

  /* ── CHART PALETTE ───────────────────────────────────────────────── */
  --chart-1: #C9973A;
  --chart-2: #3B82F6;
  --chart-3: #10B981;
  --chart-4: #E07B39;
  --chart-5: #8B5CF6;
  --chart-6: #06B6D4;
  --chart-7: #F59E0B;
  --chart-8: #EF4444;

  /* ── SPACING ─────────────────────────────────────────────────────── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;

  /* ── RADIUS ─────────────────────────────────────────────────────── */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: .3rem;

  /* ── TYPOGRAPHY ─────────────────────────────────────────────────── */
  --font-sans:   'Inter', 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-mono:   'JetBrains Mono', 'Fira Code', monospace;

  --text-xs:     11px;
  --text-sm:     12px;
  --text-base:   13px;
  --text-md:     14px;
  --text-lg:     16px;
  --text-xl:     18px;
  --text-2xl:    22px;
  --text-3xl:    28px;
  --text-4xl:    36px;

  --fw-normal:   400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;

  /* ── SIDEBAR ─────────────────────────────────────────────────────── */
  --sidebar-width:          240px;
  --sidebar-collapsed-width: 56px;

  /* ── HEADER ─────────────────────────────────────────────────────── */
  --header-height: 56px;
  --filterbar-height: 48px;

  /* ── SHADOWS ─────────────────────────────────────────────────────── */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.4);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.5);
  --shadow-lg:  0 8px 32px rgba(0,0,0,0.6);
  --shadow-xl:  0 16px 48px rgba(0,0,0,0.7);
  --glow-gold:  0 0 20px rgba(201,151,58,0.25);

  /* ── TRANSITIONS ─────────────────────────────────────────────────── */
  --ease-smooth:  cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast:     150ms;
  --dur-normal:   250ms;
  --dur-slow:     400ms;

  /* ── Z-INDEX ─────────────────────────────────────────────────────── */
  --z-sidebar:  100;
  --z-header:   200;
  --z-dropdown: 300;
  --z-modal:    400;
  --z-tooltip:  500;
}

/* ── LIGHT MODE ─────────────────────────────────────────────────────────── */
[data-theme="light"] {
  --surface-canvas:    #F5F7FA;
  --surface-base:      #FFFFFF;
  --surface-elevated:  #F0F4F8;
  --surface-raised:    #E8EEF5;
  --surface-overlay:   #DDE5EF;
  --surface-border:    rgba(0,0,0,0.07);
  --surface-border-md: rgba(0,0,0,0.12);
  --surface-border-lg: rgba(0,0,0,0.18);

  --text-primary:      #0F1829;
  --text-secondary:    #3D4F70;
  --text-muted:        #6B7FA0;
  --text-disabled:     #9BB0CB;
  --text-inverse:      #F0F4FF;
}