/* ============================================================
   SDS Solutions IT Onboarding Portal
   variables.css — Design tokens & CSS custom properties
   ============================================================ */

:root {
  /* Brand */
  --brand:          #1a56e8;
  --brand-dark:     #1240b8;
  --brand-light:    #4f7df5;
  --brand-soft:     #eef3ff;
  --brand-border:   #c7d7fc;

  /* Status */
  --success:        #059669;
  --success-soft:   #ecfdf5;
  --success-border: #6ee7b7;
  --success-text:   #065f46;

  --warn:           #d97706;
  --warn-soft:      #fffbeb;
  --warn-border:    #fcd34d;
  --warn-text:      #92400e;

  --danger:         #dc2626;
  --danger-soft:    #fef2f2;
  --danger-border:  #fecaca;
  --danger-text:    #991b1b;

  --info:           #0369a1;
  --info-soft:      #e0f2fe;
  --info-border:    #7dd3fc;

  /* Neutrals */
  --text:           #111827;
  --text-muted:     #6b7280;
  --text-light:     #9ca3af;
  --text-xlight:    #d1d5db;

  --surface:        #ffffff;
  --surface-alt:    #f9fafb;
  --surface-hover:  #f3f4f6;
  --page-bg:        #f1f5f9;

  --border:         #e5e7eb;
  --border-strong:  #d1d5db;
  --border-xstrong: #9ca3af;

  /* Layout */
  --sidebar-w:      272px;
  --header-h:       64px;
  --content-max:    780px;

  /* Radii */
  --r-xs:   4px;
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   20px;
  --r-full: 9999px;

  /* Shadows */
  --shadow-xs:  0 1px 2px rgba(0,0,0,0.05);
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.07), 0 1px 4px rgba(0,0,0,0.04);
  --shadow-lg:  0 8px 32px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
  --shadow-brand: 0 2px 10px rgba(26,86,232,0.30);

  /* Transitions */
  --t-fast:   0.12s ease;
  --t-base:   0.18s ease;
  --t-slow:   0.30s ease;

  /* Typography scale */
  --font-xs:   11px;
  --font-sm:   12px;
  --font-base: 14px;
  --font-md:   15px;
  --font-lg:   16px;
  --font-xl:   18px;
  --font-2xl:  22px;
  --font-3xl:  26px;
  --font-4xl:  32px;
}