:root {
  --fin-blue-900: #0C1F12;
  --fin-blue-800: #122E1B;
  --fin-blue-700: #1A4528;
  --fin-blue-600: #236B39;
  --fin-blue-500: #2D8A4E;
  --fin-blue-400: #4CAF50;
  --fin-blue-300: #81C784;
  --fin-blue-200: #A5D6A7;
  --fin-blue-100: #E8F5E9;
  --fin-blue-50:  #F1F8E9;

  --fin-teal-600: #0E5E4A;
  --fin-teal-500: #0E9478;
  --fin-teal-400: #2DD4B0;
  --fin-teal-200: #99F6DE;
  --fin-teal-100: #E0F5EC;
  --fin-teal-50:  #F0FDF7;

  --fin-gray-900: #142114;
  --fin-gray-800: #1F321F;
  --fin-gray-700: #2D452D;
  --fin-gray-600: #4A634A;
  --fin-gray-500: #6B836B;
  --fin-gray-400: #8FA68F;
  --fin-gray-300: #B8C9B8;
  --fin-gray-200: #D4E0D4;
  --fin-gray-100: #E8EFE8;
  --fin-gray-50:  #F3F7F3;

  --fin-bg:           #EEF5EE;
  --fin-surface:      #FFFFFF;
  --fin-border:       #C8D9C8;
  --fin-border-light: #DDEADE;

  --fin-text-primary:    #142114;
  --fin-text-secondary:  #4A634A;
  --fin-text-muted:      #8FA68F;
  --fin-text-on-primary: #FFFFFF;

  --fin-positive:     #2E7D32;
  --fin-positive-hover: #1B5E20;
  --fin-positive-bg:  #E8F5E9;
  --fin-positive-text: #1B5E20;

  --fin-negative:     #C62828;
  --fin-negative-hover: #B71C1C;
  --fin-negative-bg:  #FFEBEE;
  --fin-negative-text: #B71C1C;

  --fin-warning:      #E65100;
  --fin-warning-hover:#BF360C;
  --fin-warning-bg:   #FFF3E0;
  --fin-warning-text: #BF360C;

  --fin-info:         #2D8A4E;
  --fin-info-bg:      #E8F5E9;

  --fin-focus-ring: 0 0 0 3px rgba(45, 138, 78, 0.35);
  --fin-disabled-opacity: 0.4;

  --fin-shadow-sm:  0 1px 2px rgba(20, 33, 20, 0.06);
  --fin-shadow-md:  0 4px 6px rgba(20, 33, 20, 0.08);
  --fin-shadow-lg:  0 10px 25px rgba(20, 33, 20, 0.10);
}