/* Default colors */
:root {
  --color-primary-50: #ecfeff;
  --color-primary-100: #cffafe;
  --color-primary-200: #a5f3fc;
  --color-primary-300: #67e8f9;
  --color-primary-400: #22d3ee;
  --color-primary-500: #06b6d4;
  --color-primary-600: #0891b2;
  --color-primary-700: #0e7490;
  --color-primary-800: #155e75;
  --color-primary-900: #164e63;
  --color-primary-950: #083344;
  --color-secondary-50: #f8fafc;
  --color-secondary-100: #f1f5f9;
  --color-secondary-200: #e2e8f0;
  --color-secondary-300: #cbd5e1;
  --color-secondary-400: #94a3b8;
  --color-secondary-500: #64748b;
  --color-secondary-600: #475569;
  --color-secondary-700: #334155;
  --color-secondary-800: #1e293b;
  --color-secondary-900: #0f172a;
  --color-secondary-950: #020617;
  }
  
  
  /* Blue theme colors */
  .blue-theme {
    --color-primary-50: #ecfeff;
    --color-primary-100: #cffafe;
    --color-primary-200: #a5f3fc;
    --color-primary-300: #67e8f9;
    --color-primary-400: #22d3ee;
    --color-primary-500: #06b6d4;
    --color-primary-600: #0891b2;
    --color-primary-700: #0e7490;
    --color-primary-800: #155e75;
    --color-primary-900: #164e63;
    --color-primary-950: #083344;
    --color-secondary-50: #f8fafc;
    --color-secondary-100: #f1f5f9;
    --color-secondary-200: #e2e8f0;
    --color-secondary-300: #cbd5e1;
    --color-secondary-400: #94a3b8;
    --color-secondary-500: #64748b;
    --color-secondary-600: #475569;
    --color-secondary-700: #334155;
    --color-secondary-800: #1e293b;
    --color-secondary-900: #0f172a;
    --color-secondary-950: #020617;
    --color-success-50: #f0fdf4;
    --color-success-100: #dcfce7;
    --color-success-200: #bbf7d0;
    --color-success-300: #86efac;
    --color-success-400: #4ade80;
    --color-success-500: #22c55e;
    --color-success-600: #16a34a;
    --color-success-700: #15803d;
    --color-success-800: #166534;
    --color-success-900: #14532d;
    --color-success-950: #052e16;
    --color-warning-50: #fefce8;
    --color-warning-100: #fef9c3;
    --color-warning-200: #fef08a;
    --color-warning-300: #fde047;
    --color-warning-400: #facc15;
    --color-warning-500: #eab308;
    --color-warning-600: #ca8a04;
    --color-warning-700: #a16207;
    --color-warning-800: #854d0e;
    --color-warning-900: #713f12;
    --color-warning-950: #422006;
    --color-error-50: #fef2f2;
    --color-error-100: #fee2e2;
    --color-error-200: #fecaca;
    --color-error-300: #fca5a5;
    --color-error-400: #f87171;
    --color-error-500: #ef4444;
    --color-error-600: #dc2626;
    --color-error-700: #b91c1c;
    --color-error-800: #991b1b;
    --color-error-900: #7f1d1d;
    --color-error-950: #450a0a;
  }
  
  
  /* Red theme colors */
  .red-theme {
    --color-primary-50: #fef5f5;
    --color-primary-100: #fdecec;
    --color-primary-200: #fcd9d9;
    --color-primary-300: #fb7676;
    --color-primary-400: #f84848;
    --color-primary-500: #e82c2c;
    --color-primary-600: #d01111;
    --color-primary-700: #b00c0c;
    --color-primary-800: #920909;
    --color-primary-900: #790505;
    --color-primary-950: #590303;
  }
  
  .pink-theme {
    --color-primary-50: #fef3f8;
    --color-primary-100: #fce0f2;
    --color-primary-200: #fcb4e4;
    --color-primary-300: #fa88d6;
    --color-primary-400: #f85cc8;
    --color-primary-500: #f730ba;
    --color-primary-600: #e614a3;
    --color-primary-700: #c4008a;
    --color-primary-800: #a20070;
    --color-primary-900: #800056;
    --color-primary-950: #600041;
  }
  
  .purple-theme {
    --color-primary-50: #faf5ff;
    --color-primary-100: #f0e3ff;
    --color-primary-200: #e0c3ff;
    --color-primary-300: #d39bfe;
    --color-primary-400: #c375fe;
    --color-primary-500: #b350fd;
    --color-primary-600: #9422ea;
    --color-primary-700: #741cd1;
    --color-primary-800: #5616a8;
    --color-primary-900: #400e80;
    --color-primary-950: #2b0960;
  }
  
  .green-theme {
    --color-primary-50: #f0fcf5;
    --color-primary-100: #dff7e8;
    --color-primary-200: #b6f2c5;
    --color-primary-300: #8fed9c;
    --color-primary-400: #62e872;
    --color-primary-500: #33e348;
    --color-primary-600: #29c634;
    --color-primary-700: #219a2a;
    --color-primary-800: #1a7721;
    --color-primary-900: #145519;
    --color-primary-950: #103d14;
  }
  
  .yellow-theme {
    --color-primary-50: #fffff0;
    --color-primary-100: #fffddb;
    --color-primary-200: #fff955;
    --color-primary-300: #fff200;
    --color-primary-400: #ffe600;
    --color-primary-500: #ffcc00;
    --color-primary-600: #e6b800;
    --color-primary-700: #cca300;
    --color-primary-800: #b38f00;
    --color-primary-900: #8f7500;
    --color-primary-950: #735c00;
  }
  
  .orange-theme {
    --color-primary-50: #fff6eb;
    --color-primary-100: #ffe4cc;
    --color-primary-200: #ffd6a8;
    --color-primary-300: #ffbf7a;
    --color-primary-400: #ffab54;
    --color-primary-500: #ff8e2e;
    --color-primary-600: #ff7108;
    --color-primary-700: #e65a07;
    --color-primary-800: #c04606;
    --color-primary-900: #993205;
    --color-primary-950: #7d2203;
  }
  
  .indigo-theme {
    --color-primary-50: #f0f5ff;
    --color-primary-100: #dedfff;
    --color-primary-200: #bdbffd;
    --color-primary-300: #9b9efd;
    --color-primary-400: #7a7cf9;
    --color-primary-500: #585af5;
    --color-primary-600: #4442e5;
    --color-primary-700: #322cc7;
    --color-primary-800: #241ba9;
    --color-primary-900: #190d8a;
    --color-primary-950: #100363;
  }
  
  .turquoise-theme {
    --color-primary-50: #e6fffc;
    --color-primary-100: #b2fefe;
    --color-primary-200: #81f6f6;
    --color-primary-300: #4fecec;
    --color-primary-400: #2be2e2;
    --color-primary-500: #1bd6d6;
    --color-primary-600: #17c2c2;
    --color-primary-700: #12a8a8;
    --color-primary-800: #0e8e8e;
    --color-primary-900: #0a7474;
    --color-primary-950: #075a5a;
  }