/* ============================================================
   Megastar Foods Transport CRM — Design Tokens
   V1 Megastar Aligned (lean prototype)
   ============================================================ */

:root {
  /* Brand */
  --primary:          #166534;
  --primary-hover:    #14532D;
  --primary-tint:     #DCFCE7;
  --secondary:        #B45309;
  --secondary-hover:  #92400E;

  /* Semantic */
  --success:          #15803D;
  --success-bg:       #DCFCE7;
  --warning:          #B45309;
  --warning-bg:       #FEF3C7;
  --danger:           #B91C1C;
  --danger-bg:        #FEE2E2;
  --info:             #1D4ED8;
  --info-bg:          #DBEAFE;

  /* Neutrals */
  --neutral-50:       #F8FAFC;
  --neutral-100:      #F1F5F9;
  --neutral-200:      #E2E8F0;
  --neutral-500:      #64748B;
  --neutral-700:      #334155;
  --neutral-900:      #0F172A;

  /* Surface & text */
  --surface:          #FFFFFF;
  --surface-elevated: #FFFFFF;
  --text-primary:     #0F172A;
  --text-secondary:   #475569;
  --text-inverse:     #FFFFFF;

  /* Borders & focus */
  --border:           #E2E8F0;
  --border-strong:    #CBD5E1;
  --focus-ring:       #166534;

  /* Per-role sidebar tint */
  --sa-tint:          #EEF2FF;
  --lg-tint:          #FEF3E2;
  --ac-tint:          #ECFDF5;
  --mg-tint:          #F5F3FF;
  --tr-tint:          #FDF6EC;

  /* Radius */
  --radius-sm:        4px;
  --radius:           6px;
  --radius-md:        8px;
  --radius-lg:        12px;
  --radius-full:      9999px;

  /* Shadow */
  --shadow-sm:        0 1px 2px rgba(15,23,42,0.06);
  --shadow-md:        0 4px 12px rgba(15,23,42,0.08);
  --shadow-lg:        0 12px 32px rgba(15,23,42,0.14);
  --shadow-focus:     0 0 0 3px rgba(22,101,52,0.35);

  /* Spacing */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-6:  24px;
  --space-8:  32px;
  --space-12: 48px;

  /* Type */
  --font-sans:    system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono:    ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Chart palette */
  --chart-1: #166534;
  --chart-2: #B45309;
  --chart-3: #1D4ED8;
  --chart-4: #6D28D9;
  --chart-5: #0891B2;
}

/* ---- Base reset ---- */
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 20px;
  color: var(--text-primary);
  background: var(--neutral-50);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, .display { font-family: var(--font-display); }
code, .mono { font-family: var(--font-mono); }
a { color: var(--primary); text-decoration: none; }
button { font-family: inherit; cursor: pointer; }
img { max-width: 100%; }