:root {
  --color-primary-50: #ffece6;
  --primary-50: 255, 236, 230;
  --color-primary-100: #ffdacc;
  --primary-100: 255, 218, 204;
  --color-primary-200: #ffb499;
  --primary-200: 255, 180, 153;
  --color-primary-300: #ff8f66;
  --primary-300: 255, 143, 102;
  --color-primary-400: #ff6a33;
  --primary-400: 255, 106, 51;
  --color-primary-500: #FF6B35;
  --primary-500: 255, 107, 53;
  --color-primary-600: #ff4602;
  --primary-600: 255, 70, 2;
  --color-primary-700: #ce3700;
  --primary-700: 206, 55, 0;
  --color-primary-800: #9b2900;
  --primary-800: 155, 41, 0;
  --color-primary-900: #681c00;
  --primary-900: 104, 28, 0;
  --color-primary-950: #4f1500;
  --primary-950: 79, 21, 0;
  --color-secondary-50: #eff2f6;
  --secondary-50: 239, 242, 246;
  --color-secondary-100: #dee6ed;
  --secondary-100: 222, 230, 237;
  --color-secondary-200: #bdccdb;
  --secondary-200: 189, 204, 219;
  --color-secondary-300: #9cb3c9;
  --secondary-300: 156, 179, 201;
  --color-secondary-400: #7b99b7;
  --secondary-400: 123, 153, 183;
  --color-secondary-500: #2C3E50;
  --secondary-500: 44, 62, 80;
  --color-secondary-600: #486684;
  --secondary-600: 72, 102, 132;
  --color-secondary-700: #364d63;
  --secondary-700: 54, 77, 99;
  --color-secondary-800: #243342;
  --secondary-800: 36, 51, 66;
  --color-secondary-900: #121a21;
  --secondary-900: 18, 26, 33;
  --color-secondary-950: #090d10;
  --secondary-950: 9, 13, 16;
  --color-accent-50: #fceee9;
  --color-accent-100: #f8dcd3;
  --color-accent-200: #f2baa6;
  --color-accent-300: #eb977a;
  --color-accent-400: #e4744e;
  --color-accent-500: #E67E5A;
  --color-accent-600: #df5b2e;
  --color-accent-700: #bd461d;
  --color-accent-800: #913616;
  --color-accent-900: #65250f;
  --color-accent-950: #4f1d0c;
  --color-accent: #E67E5A;
  --color-accent-content: #E67E5A;
  --color-accent-foreground: #FFFFFF;
  --color-white: #ffffff;
  --font-size-base: 16px;
  --color-body: 2, 2, 3;
  --livewire-progress-bar-color: 255, 107, 53;
  --font-sans: "Roboto Flex", sans-serif;;
  --font-family: "Roboto Flex", sans-serif;;
  --radius-card: .75rem;
  --shadow-card: 0 3px 8px rgba(0,0,0,.08);
}

.dark {
  --color-primary-50: #4f1500;
  --color-primary-100: #681c00;
  --color-primary-200: #9b2900;
  --color-primary-300: #ce3700;
  --color-primary-400: #ff4602;
  --color-primary-500: #ff8f66;
  --color-primary-600: #ff6a33;
  --color-primary-700: #ff8f66;
  --color-primary-800: #ffb499;
  --color-primary-900: #ffdacc;
  --color-primary-950: #ffece6;
  --color-secondary-50: #090d10;
  --color-secondary-100: #121a21;
  --color-secondary-200: #243342;
  --color-secondary-300: #364d63;
  --color-secondary-400: #486684;
  --color-secondary-500: #507192;
  --color-secondary-600: #7b99b7;
  --color-secondary-700: #9cb3c9;
  --color-secondary-800: #bdccdb;
  --color-secondary-900: #dee6ed;
  --color-secondary-950: #eff2f6;
  --color-accent-50: #4f1d0c;
  --color-accent-100: #65250f;
  --color-accent-200: #913616;
  --color-accent-300: #bd461d;
  --color-accent-400: #df5b2e;
  --color-accent-500: #eb977a;
  --color-accent-600: #e4744e;
  --color-accent-700: #eb977a;
  --color-accent-800: #f2baa6;
  --color-accent-900: #f8dcd3;
  --color-accent-950: #fceee9;
  --color-accent: #e4744e;
  --color-accent-content: #e4744e;
  --color-accent-foreground: #fceee9;
  --color-white: #ffffff;
}