/* ==========================================================================
   VARIABLES.CSS — Design System Tokens
   CRM + HRMS Platform | Infusion Business Intelligence
   ========================================================================== 
   LOCKED VALUES — Do not modify these tokens arbitrarily.
   All values sourced from RULES.md § DESIGN SYSTEM.
   Company branding vars are the ONLY values overridden at runtime
   via JavaScript (see RULES.md § COMPANY BRANDING).
   ========================================================================== */

:root {

  /* ------------------------------------------------------------------
     SIDEBAR (fixed — never overridden by company branding)
     ------------------------------------------------------------------ */
  --sidebar-bg:            #1E1E2E;
  --sidebar-text:          #CDD6F4;
  --sidebar-text-muted:    #6C7086;
  --sidebar-active-bg:     #313244;
  --sidebar-active-text:   #CDD6F4;
  --sidebar-active-border: var(--company-primary);
  --sidebar-width:         260px;
  --sidebar-width-mini:    64px;

  /* ------------------------------------------------------------------
     COMPANY BRANDING
     Overridden per company at page load via applyBranding()
     Defaults below are the platform fallback palette.
     ------------------------------------------------------------------ */
  --company-primary:       #2563EB;
  --company-secondary:     #1E40AF;
  --company-accent:        #10B981;

  /* ------------------------------------------------------------------
     CONTENT AREA
     ------------------------------------------------------------------ */
  --content-bg:            #F8FAFC;
  --card-bg:               #FFFFFF;
  --border-color:          #E2E8F0;

  /* ------------------------------------------------------------------
     TEXT
     ------------------------------------------------------------------ */
  --text-primary:          #1A202C;
  --text-secondary:        #4A5568;
  --text-muted:            #718096;
  --text-inverse:          #FFFFFF;

  /* ------------------------------------------------------------------
     SEMANTIC COLORS
     ------------------------------------------------------------------ */
  --success:               #10B981;
  --success-bg:            #ECFDF5;
  --warning:               #F59E0B;
  --warning-bg:            #FFFBEB;
  --danger:                #EF4444;
  --danger-bg:             #FEF2F2;
  --info:                  #3B82F6;
  --info-bg:               #EFF6FF;

  /* ------------------------------------------------------------------
     SPACING — 8px grid
     ------------------------------------------------------------------ */
  --space-1:               8px;
  --space-2:               16px;
  --space-3:               24px;
  --space-4:               32px;
  --space-5:               48px;
  --space-6:               64px;

  /* ------------------------------------------------------------------
     TYPOGRAPHY
     ------------------------------------------------------------------ */
  --font-base:             'Inter', system-ui, -apple-system, sans-serif;
  --text-xs:               11px;
  --text-sm:               13px;
  --text-base:             14px;
  --text-md:               16px;
  --text-lg:               18px;
  --text-xl:               20px;
  --text-2xl:              24px;
  --text-3xl:              30px;

  /* ------------------------------------------------------------------
     BORDERS & RADII
     ------------------------------------------------------------------ */
  --radius-sm:             4px;
  --radius-md:             8px;
  --radius-lg:             12px;
  --radius-xl:             16px;
  --radius-full:           9999px;

  /* ------------------------------------------------------------------
     SHADOWS
     ------------------------------------------------------------------ */
  --shadow-sm:             0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md:             0 4px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg:             0 10px 15px rgba(0, 0, 0, 0.1);

  /* ------------------------------------------------------------------
     TRANSITIONS
     ------------------------------------------------------------------ */
  --transition-fast:       150ms ease;
  --transition-base:       250ms ease;
}