:root {
  --brand-primary:        #1A56DB;
  --brand-primary-hover:  #1648C8;
  --brand-primary-light:  #EEF2FF;
  --brand-primary-mid:    #C7D7FD;

  --gray-0:   #FFFFFF;
  --gray-50:  #F8F9FB;
  --gray-100: #F1F3F7;
  --gray-150: #E8ECF2;
  --gray-200: #DDE2EA;
  --gray-300: #C4CCDA;
  --gray-400: #9AA5B8;
  --gray-500: #6B7A99;
  --gray-600: #4A5568;
  --gray-700: #2D3748;
  --gray-800: #1A202C;
  --gray-900: #0F1420;

  --color-success:        #0A7C4A;
  --color-success-light:  #E8F5EE;
  --color-success-mid:    #A3D9BE;
  --color-success-text:   #065C36;
  --color-warning:        #C27C0E;
  --color-warning-light:  #FEF3DC;
  --color-warning-mid:    #F9D27B;
  --color-warning-text:   #92580A;
  --color-danger:         #C53030;
  --color-danger-light:   #FEF0F0;
  --color-danger-mid:     #F5A0A0;
  --color-danger-text:    #9B2626;
  --color-info:           #2B6CB0;
  --color-info-light:     #EBF4FF;
  --color-info-mid:       #90CDF4;
  --color-info-text:      #1A4B80;
  --color-purple:         #6B46C1;
  --color-purple-light:   #FAF5FF;
  --color-purple-mid:     #D6BCFA;
  --color-purple-text:    #553C9A;

  --bg-app:       #F4F6FA;
  --bg-surface:   #FFFFFF;
  --bg-raised:    #FFFFFF;
  --bg-subtle:    #F8F9FB;
  --bg-inset:     #F1F3F7;

  --text-primary:   #1A202C;
  --text-secondary: #4A5568;
  --text-tertiary:  #718096;
  --text-disabled:  #A0AEC0;
  --text-inverse:   #FFFFFF;
  --text-link:      #1A56DB;

  --border-subtle:  #E8ECF2;
  --border-default: #DDE2EA;
  --border-strong:  #C4CCDA;
  --border-focus:   #1A56DB;

  --shadow-xs: 0 1px 2px rgba(15,20,32,0.05);
  --shadow-sm: 0 1px 3px rgba(15,20,32,0.08), 0 1px 2px rgba(15,20,32,0.06);
  --shadow-md: 0 4px 6px rgba(15,20,32,0.08), 0 2px 4px rgba(15,20,32,0.06);
  --shadow-lg: 0 10px 15px rgba(15,20,32,0.08), 0 4px 6px rgba(15,20,32,0.05);
  --shadow-xl: 0 20px 25px rgba(15,20,32,0.08), 0 8px 10px rgba(15,20,32,0.05);

  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   8px;
  --radius-xl:   12px;
  --radius-2xl:  16px;
  --radius-full: 9999px;

  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px;
  --space-12:48px; --space-16:64px;

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  --text-xs:11px; --text-sm:12.5px; --text-base:14px; --text-md:15px;
  --text-lg:16px; --text-xl:18px; --text-2xl:22px; --text-3xl:28px;

  --weight-regular:400; --weight-medium:500; --weight-semibold:600;
  --leading-tight:1.25; --leading-snug:1.4; --leading-normal:1.5; --leading-relaxed:1.6;

  --sidebar-width: 224px;
  --topbar-height: 54px;
  --content-max-width: 1280px;

  --transition-fast:100ms ease; --transition-base:150ms ease;
  --transition-slow:250ms ease; --transition-slower:350ms ease;

  --z-below:-1; --z-base:0; --z-raised:10; --z-dropdown:100;
  --z-sticky:200; --z-overlay:300; --z-modal:400; --z-toast:500;
}