/**
 * Kelp UI - Custom Theme
 * https://kelpui.com/docs/customizing/theme-builder/?palette_red=%238f5d5d_19.48_0.3296701124155029&palette_orange=%23e07a5f_35.78_0.7607029087169808&palette_yellow=%23f2cc8f_78.98_1.045883043269376&palette_green=%2381b29a_163.1_1.25&palette_cyan=%235f797b_202.14_0.15148238519948354&palette_blue=%231982c4_243.44_0.6706358020919746&palette_indigo=%233d405b_279.05_0.28876176898125766&palette_purple=%236a4c93_301.77_0.6172082980575783&palette_pink=%23eab69f_45.02_0.8057196992240503&palette_gray=%23f4f1de_99.53_1.2626634889489678&color_secondary=pink&element_focus=secondary
 */
@layer kelp.theme {

	:where(:root) {

		/* Color Palette */
		--color-red-base: #8f5d5d;
		--color-red-hue: 19.48;
		--color-red-chroma: 0.3296701124155029;

		--color-orange-base: #e07a5f;
		--color-orange-hue: 35.78;
		--color-orange-chroma: 0.7607029087169808;

		--color-yellow-base: #f2cc8f;
		--color-yellow-hue: 78.98;
		--color-yellow-chroma: 1.045883043269376;

		--color-green-base: #81b29a;
		--color-green-hue: 163.1;
		--color-green-chroma: 1.25;

		--color-cyan-base: #5f797b;
		--color-cyan-hue: 202.14;
		--color-cyan-chroma: 0.15148238519948354;

		--color-blue-base: #1982c4;
		--color-blue-hue: 243.44;
		--color-blue-chroma: 0.6706358020919746;

		--color-indigo-base: #3d405b;
		--color-indigo-hue: 279.05;
		--color-indigo-chroma: 0.28876176898125766;

		--color-purple-base: #6a4c93;
		--color-purple-hue: 301.77;
		--color-purple-chroma: 0.6172082980575783;

		--color-pink-base: #eab69f;
		--color-pink-hue: 45.02;
		--color-pink-chroma: 0.8057196992240503;

		--color-gray-base: #f4f1de;
		--color-gray-hue: 99.53;
		--color-gray-chroma: 1.2626634889489678;

	}

	/* Light Theme (default) */
	:where(:root),
	.light {

		/* Fills & Borders */
		--color-secondary-fill-muted: var(--color-pink-95);
		--color-secondary-fill-accent: var(--color-pink-90);
		--color-secondary-fill-vivid: var(--color-pink-50);
		--color-secondary-border-muted: var(--color-pink-90);
		--color-secondary-border-accent: var(--color-pink-80);
		--color-secondary-border-vivid: var(--color-pink-60);
		--color-secondary-on-muted: var(--color-pink-30);
		--color-secondary-on-accent: var(--color-pink-20);
		--color-secondary-on-vivid: white;
		--color-secondary-outline: var(--color-pink-50);

		/* Links & Focus */
		--color-checked: var(--color-pink-50);
		--focus-ring-color: var(--color-pink-50);

	}

	/* Dark Theme */
	.dark {

		/* Fills & Borders */
		--color-secondary-fill-muted: var(--color-pink-20);
		--color-secondary-fill-accent: var(--color-pink-30);
		--color-secondary-border-muted: var(--color-pink-30);
		--color-secondary-border-accent: var(--color-pink-40);
		--color-secondary-on-muted: var(--color-pink-95);
		--color-secondary-on-accent: var(--color-pink-95);
		--color-secondary-outline: var(--color-pink-70);

		/* Links & Focus */
		--color-checked: var(--color-pink-60);
		--focus-ring-color: var(--color-pink-60);

	}

}