:root {
  --light: #f6f6f6;
  --dark: #111111;
  --watermelon: #fb5476;
}

.theme-light {
  --primary-50: #f6f6f6;
  --primary-100: #ececec;
  --primary-200: #cfcfcf;
  --primary-300: #b3b3b3;
  --primary-400: #969696;
  --primary-500: #7c7c7c;
  --primary-600: #636363;
  --primary-700: #494949;
  --primary-800: #323232;
  --primary-900: #1b1b1b;
  --primary-950: #111111;
  
  --secondary-50: #eef1f5;
  --secondary-100: #dee3eb;
  --secondary-200: #b9c4d7;
  --secondary-300: #98aac4;
  --secondary-400: #7c8fab;
  --secondary-500: #64748b;
  --secondary-600: #505d70;
  --secondary-700: #3b4554;
  --secondary-800: #272f39;
  --secondary-900: #171c23;
  --secondary-950: #0d1117;
  
  --accent-50: #f0f7ea;
  --accent-100: #cef0ac;
  --accent-200: #aed583;
  --accent-300: #90bb59;
  --accent-400: #73a129;
  --accent-500: #5c8600;
  --accent-600: #496b00;
  --accent-700: #344e00;
  --accent-800: #233600;
  --accent-900: #131f00;
  --accent-950: #0a1400;
}

.theme-dark {
  --primary-950: #f6f6f6;
  --primary-900: #ececec;
  --primary-800: #cfcfcf;
  --primary-700: #b3b3b3;
  --primary-600: #969696;
  --primary-500: #7c7c7c;
  --primary-400: #636363;
  --primary-300: #494949;
  --primary-200: #323232;
  --primary-100: #1b1b1b;
  --primary-50: #111111;
  
  --secondary-950: #eef1f5;
  --secondary-900: #dee3eb;
  --secondary-800: #b9c4d7;
  --secondary-700: #98aac4;
  --secondary-600: #7c8fab;
  --secondary-500: #64748b;
  --secondary-400: #505d70;
  --secondary-300: #3b4554;
  --secondary-200: #272f39;
  --secondary-100: #171c23;
  --secondary-50: #0d1117;
  
  --accent-50: #f0f7ea;
  --accent-100: #cef0ac;
  --accent-200: #aed583;
  --accent-300: #90bb59;
  --accent-400: #73a129;
  --accent-500: #5c8600;
  --accent-600: #496b00;
  --accent-700: #344e00;
  --accent-800: #233600;
  --accent-900: #131f00;
  --accent-950: #0a1400;
  
  .logo {
    filter: invert();
  }
}

.theme-watermelon {
  --primary-50: #feedee;
  --primary-100: #fedade;
  --primary-200: #fdb3bd;
  --primary-300: #fc899a;
  --primary-400: #fb5476;
  --primary-500: #e51755;
  --primary-600: #ba1044;
  --primary-700: #8e0a32;
  --primary-800: #650521;
  --primary-900: #3f0211;
  --primary-950: #2b0109;
  
  --secondary-50: #f0f7ea;
  --secondary-100: #cef0ac;
  --secondary-200: #aed583;
  --secondary-300: #90bb59;
  --secondary-400: #73a129;
  --secondary-500: #5c8600;
  --secondary-600: #496b00;
  --secondary-700: #344e00;
  --secondary-800: #233600;
  --secondary-900: #131f00;
  --secondary-950: #0a1400;
  
  --accent-50: #eaf5ff;
  --accent-100: #daedff;
  --accent-200: #abdaff;
  --accent-300: #73c9ff;
  --accent-400: #00aeee;
  --accent-500: #008dc1;
  --accent-600: #00709a;
  --accent-700: #005474;
  --accent-800: #003951;
  --accent-900: #002030;
  --accent-950: #001521;
}