:root {
  /* Brand */
  --fv-blue: #202344;
  --fv-gold: #D3AF37;
  --fv-light-grey: #F5F5F5;
  --fv-white: #FFFFFF;

  /* Blue Scale */
  --fv-blue-50:  #EEEFF4;
  --fv-blue-100: #D4D6E1;
  --fv-blue-200: #A9ADC3;
  --fv-blue-300: #7E84A5;
  --fv-blue-400: #535B87;
  --fv-blue-500: #2D3260;
  --fv-blue-600: #202344;
  --fv-blue-700: #1A1C36;
  --fv-blue-800: #131528;
  --fv-blue-900: #0C0D1A;

  /* Gold Scale */
  --fv-gold-50:  #FBF6E5;
  --fv-gold-100: #F2E4B0;
  --fv-gold-200: #E8D17A;
  --fv-gold-300: #DEBE51;
  --fv-gold-400: #D3AF37;
  --fv-gold-500: #B7942A;
  --fv-gold-600: #957720;
  --fv-gold-700: #735C19;

  /* Grey */
  --fv-grey-50:  #FAFAFA;
  --fv-grey-100: #F5F5F5;
  --fv-grey-200: #EAEAEC;
  --fv-grey-300: #D4D5D9;
  --fv-grey-400: #9FA1AC;
  --fv-grey-500: #6E7180;
  --fv-grey-600: #4A4D5E;
  --fv-grey-700: #2F3142;

  /* Semantic */
  --fv-success: #1E9E6A;
  --fv-success-bg: #E4F5EC;
  --fv-warning: #E0A82E;
  --fv-warning-bg: #FBF1D9;
  --fv-error: #D9534F;
  --fv-error-bg: #FCE8E7;
  --fv-info: #3B7DD8;
  --fv-info-bg: #E4EEFB;

  /* Data Viz */
  --fv-data-1: #202344;
  --fv-data-2: #D3AF37;
  --fv-data-3: #535B87;
  --fv-data-4: #B7942A;
  --fv-data-5: #7E84A5;
  --fv-data-6: #E8D17A;

  /* Fonts */
  --fv-font-sans: 'Poppins', Arial, sans-serif;
  --fv-font-mono: 'JetBrains Mono', monospace;

  /* Spacing */
  --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; --space-20: 80px;

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

  /* Shadow */
  --shadow-xs: 0 1px 2px rgba(32,35,68,.04);
  --shadow-sm: 0 1px 3px rgba(32,35,68,.06), 0 1px 2px rgba(32,35,68,.04);
  --shadow-md: 0 4px 8px rgba(32,35,68,.06), 0 2px 4px rgba(32,35,68,.04);
  --shadow-lg: 0 12px 24px rgba(32,35,68,.08), 0 4px 8px rgba(32,35,68,.04);
  --shadow-xl: 0 24px 48px rgba(32,35,68,.12);

  --transition-fast: .15s ease;
  --transition-base: .2s ease;

  --sidebar-w: 240px;
  --topbar-h: 64px;
}