@layer base{:root{--color-primary-50: #f6f6f6;--color-primary-100: #e7e7e7;--color-primary-200: #d1d1d0;--color-primary-300: #aeaeac;--color-primary-400: #858582;--color-primary-500: #1d1d1b;--color-primary-600: #565653;--color-primary-700: #464644;--color-primary-800: #3b3b3a;--color-primary-900: #343432;--color-primary-950: #1a1a19;--color-secondary-50: #f6faf2;--color-secondary-100: #eaf3e1;--color-secondary-200: #d6e8c6;--color-secondary-300: #b9d7a0;--color-secondary-400: #99c275;--color-secondary-500: #84bb56;--color-secondary-600: #649641;--color-secondary-700: #4e7334;--color-secondary-800: #405c2d;--color-secondary-900: #374f29;--color-secondary-950: #1b2b13;--color-neutral-light-50: #f6f7f7;--color-neutral-light-500: #43484e;--color-accent-light: #a6e53d;--color-slider-100: #eaf3e1;--color-slider-300: #a6e53d}}@layer theme{:root{--color-accent: var(--color-secondary-500);--color-accent-content: var(--color-secondary-700);--color-accent-foreground: white}.dark{--color-accent: var(--color-secondary-400);--color-accent-content: var(--color-secondary-200)}}.header{background-color:var(--color-primary-800)}.nav{background-color:var(--color-white)}