:root {
  --color-primary-50: #ffe6f3;
  --primary-50: 255, 230, 243;
  --color-primary-100: #ffcce7;
  --primary-100: 255, 204, 231;
  --color-primary-200: #ff99cf;
  --primary-200: 255, 153, 207;
  --color-primary-300: #ff66b7;
  --primary-300: 255, 102, 183;
  --color-primary-400: #ff339e;
  --primary-400: 255, 51, 158;
  --color-primary-500: #e20077;
  --primary-500: 226, 0, 119;
  --color-primary-600: #cc006b;
  --primary-600: 204, 0, 107;
  --color-primary-700: #990051;
  --primary-700: 153, 0, 81;
  --color-primary-800: #660036;
  --primary-800: 102, 0, 54;
  --color-primary-900: #33001b;
  --primary-900: 51, 0, 27;
  --color-primary-950: #1a000d;
  --primary-950: 26, 0, 13;
  --color-secondary-50: #e6f8ff;
  --secondary-50: 230, 248, 255;
  --color-secondary-100: #ccf1ff;
  --secondary-100: 204, 241, 255;
  --color-secondary-200: #99e3ff;
  --secondary-200: 153, 227, 255;
  --color-secondary-300: #66d6ff;
  --secondary-300: 102, 214, 255;
  --color-secondary-400: #33c8ff;
  --secondary-400: 51, 200, 255;
  --color-secondary-500: #006990;
  --secondary-500: 0, 105, 144;
  --color-secondary-600: #0095cc;
  --secondary-600: 0, 149, 204;
  --color-secondary-700: #007099;
  --secondary-700: 0, 112, 153;
  --color-secondary-800: #004a66;
  --secondary-800: 0, 74, 102;
  --color-secondary-900: #002533;
  --secondary-900: 0, 37, 51;
  --color-secondary-950: #00131a;
  --secondary-950: 0, 19, 26;
  --color-accent-50: #fef1e7;
  --color-accent-100: #fde3ce;
  --color-accent-200: #fbc69d;
  --color-accent-300: #f8aa6d;
  --color-accent-400: #f68d3c;
  --color-accent-500: #f58025;
  --color-accent-600: #dd660a;
  --color-accent-700: #ac5008;
  --color-accent-800: #7b3906;
  --color-accent-900: #4b2303;
  --color-accent-950: #321702;
  --color-accent: #f58025;
  --color-accent-content: #f58025;
  --color-accent-foreground: #FFFFFF;
  --color-white: #ffffff;
  --font-size-base: 16px;
  --color-body: 0, 0, 0;
  --livewire-progress-bar-color: 226, 0, 119;
  --font-sans: "Roboto", sans-serif;
  --font-family: "Roboto", sans-serif;
  --radius-card: .75rem;
  --shadow-card: 0 3px 8px rgba(0,0,0,.08);
  --bg-auth-login: url('https://coaching.e-360.com.mx/storage/backgrounds/01K43SY0EW0TRTQS49NEZKGXDW.jpg');
  --bg-auth-register: url('https://coaching.e-360.com.mx/storage/backgrounds/01K43SY0EX7R32ENF1AWBXWD1M.jpg');
  --bg-auth-reset: url('https://coaching.e-360.com.mx/storage/backgrounds/01K43SY0EY8541R4CSRHSRAZSF.jpg');
  --bg-general-base: url('https://coaching.e-360.com.mx/storage/backgrounds/01K43SY0EZTDJE4D85RRWR5NNE.jpg');
  --bg-evaluation-create: url('https://coaching.e-360.com.mx/storage/backgrounds/01K43SY0EZTDJE4D85RRWR5NNF.jpg');
  --bg-general-base-dark: url('https://coaching.e-360.com.mx/storage/backgrounds/01K43SY0F091MYR70CHHEGDNRG.jpg');
  --bg-evaluation-create-dark: url('https://coaching.e-360.com.mx/storage/backgrounds/01K43SY0F091MYR70CHHEGDNRH.jpg');
}

.dark {
  --color-primary-50: #1a000d;
  --color-primary-100: #33001b;
  --color-primary-200: #660036;
  --color-primary-300: #990051;
  --color-primary-400: #cc006b;
  --color-primary-500: #ff49a9;
  --color-primary-600: #ff339e;
  --color-primary-700: #ff66b7;
  --color-primary-800: #ff99cf;
  --color-primary-900: #ffcce7;
  --color-primary-950: #ffe6f3;
  --color-secondary-50: #00131a;
  --color-secondary-100: #002533;
  --color-secondary-200: #004a66;
  --color-secondary-300: #007099;
  --color-secondary-400: #0095cc;
  --color-secondary-500: #00b3f6;
  --color-secondary-600: #33c8ff;
  --color-secondary-700: #66d6ff;
  --color-secondary-800: #99e3ff;
  --color-secondary-900: #ccf1ff;
  --color-secondary-950: #e6f8ff;
  --color-accent-50: #321702;
  --color-accent-100: #4b2303;
  --color-accent-200: #7b3906;
  --color-accent-300: #ac5008;
  --color-accent-400: #dd660a;
  --color-accent-500: #f8aa6d;
  --color-accent-600: #f68d3c;
  --color-accent-700: #f8aa6d;
  --color-accent-800: #fbc69d;
  --color-accent-900: #fde3ce;
  --color-accent-950: #fef1e7;
  --color-accent: #f68d3c;
  --color-accent-content: #f68d3c;
  --color-accent-foreground: #fef1e7;
  --color-white: #ffffff;
}