/* AdminDESK design system — canonical tokens (Direction 1: Clean SaaS).
   Loaded AFTER AdminLTE so equal-specificity rules win by source order. */
:root {
  /* Accent — from existing fit-360 primary (extracted in Task 3 Step 1) */
  --fit-accent: #4e73df;                 /* replace with captured hex */
  --fit-accent-hover: #3a5fd4;           /* ~10% darker; replace with captured hex */
  --fit-accent-subtle: color-mix(in srgb, #4e73df 12%, white);

  /* Surfaces (neutral ramp) */
  --fit-surface-1: #ffffff;             /* page background */
  --fit-surface-2: #f8fafc;             /* subtle section bg */
  --fit-surface-3: #ffffff;             /* card */
  --fit-surface-4: #ffffff;             /* raised/overlay */
  --fit-border-light: #eef2f7;
  --fit-border-default: #e2e8f0;
  --fit-border-strong: #cbd5e1;

  /* Text */
  --fit-text-primary: #0f172a;
  --fit-text-secondary: #475569;
  --fit-text-tertiary: #64748b;
  --fit-text-disabled: #94a3b8;

  /* Semantic */
  --fit-success: #16a34a;  --fit-success-subtle: #dcfce7;
  --fit-warning: #d97706;  --fit-warning-subtle: #fef3c7;
  --fit-danger:  #dc2626;  --fit-danger-subtle:  #fee2e2;
  --fit-info:    #2563eb;  --fit-info-subtle:    #dbeafe;

  /* Type (Source Sans 3 kept) */
  --fit-font-base: "Source Sans 3", -apple-system, Segoe UI, Roboto, sans-serif;
  --fit-fs-xs: 12px; --fit-fs-sm: 13px; --fit-fs-base: 14px;
  --fit-fs-lg: 16px; --fit-fs-xl: 18px; --fit-fs-2xl: 20px;
  --fit-fs-3xl: 24px; --fit-fs-4xl: 30px;

  /* Spacing (4px base) / radius / shadow */
  --fit-sp-1: 4px; --fit-sp-2: 8px; --fit-sp-3: 12px; --fit-sp-4: 16px;
  --fit-sp-5: 24px; --fit-sp-6: 32px;
  --fit-radius-sm: 4px; --fit-radius: 6px; --fit-radius-lg: 8px;
  --fit-shadow-sm: 0 1px 2px rgba(15,23,42,.06);
  --fit-shadow:    0 4px 12px rgba(15,23,42,.08);
  --fit-focus-ring: 0 0 0 3px var(--fit-accent-subtle);
}

/* Backward-compatibility aliases — existing var(--primary) etc. keep working.
   Retire this block last, after all usages migrate to --fit-*. */
:root {
  --primary:   var(--fit-accent);
  --secondary: var(--fit-text-secondary);
  --success:   var(--fit-success);
  --info:      var(--fit-info);
  --warning:   var(--fit-warning);
  --danger:    var(--fit-danger);
}
