/* assets/css/variables.css */
:root {
  --brand:        #534AB7;
  --brand-dark:   #3C3489;
  --brand-light:  #EEEDFE;
  --brand-mid:    #AFA9EC;

  --bg:           #F4F3FF;
  --surface:      #FFFFFF;
  --surface-2:    #F8F7FF;
  --ink:          #1A1831;
  --ink-2:        #4A4869;
  --muted:        #9896B8;
  --border:       #E4E2F5;
  --border-2:     #CCCAE8;

  --success:      #059669;
  --success-bg:   #ECFDF5;
  --danger:       #DC2626;
  --danger-bg:    #FEF2F2;
  --warning:      #D97706;
  --warning-bg:   #FFFBEB;
  --info:         #2563EB;
  --info-bg:      #EFF6FF;

  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   14px;
  --r-xl:   20px;
  --r-pill: 999px;

  --shadow-sm: 0 1px 3px rgba(83,74,183,.08);
  --shadow-md: 0 4px 16px rgba(83,74,183,.10);
  --shadow-lg: 0 8px 32px rgba(83,74,183,.14);

  --sidebar-w: 220px;
  --topbar-h:  52px;
  --font: 'Inter', system-ui, sans-serif;
  --mono: 'Fira Code', 'Courier New', monospace;
}