:root [data-theme='sunset'] {
	--ato-container-radius: 6px;

	/* Buttons */
	--btn-radius: 4px;
	--btn-icon-radius: 8px;

	--btn-sm-p-y: 0.25rem;
	--btn-sm-p-x: 0.5rem;
	--btn-sm-font-weight: 500;

	--btn-md-p-y: 0.25rem;
	--btn-md-p-x: 0.75rem;
	--btn-md-font-weight: 500;

	--btn-lg-p-y: 0.5rem;
	--btn-lg-p-x: 1rem;
	--btn-lg-font-weight: 600;

	--btn-xl-p-y: 0.75rem;
	--btn-xl-p-x: 1.5rem;
	--btn-xl-font-weight: 700;

	/* primary colors */
	--color-primary-50: 251, 250, 243; /* #fbfaf3 */
	--color-primary-100: 237, 228, 196; /* #ede4c4 */
	--color-primary-200: 225, 211, 160; /* #e1d3a0 */
	--color-primary-300: 217, 199, 134; /* #d9c786 */
	--color-primary-400: 187, 155, 37; /* #bb9b25 */
	--color-primary-500: 181, 146, 18; /* #b59212 */
	--color-primary-600: 172, 139, 17; /* #ac8b11 */
	--color-primary-700: 110, 89, 11; /* #6e590b */
	--color-primary-800: 92, 74, 9; /* #5c4a09 */
	--color-primary-900: 72, 58, 7; /* #483a07 */
	--color-primary-950: 54, 44, 5; /* #362c05 */

	--on-primary-50: 0, 0, 0; /* #000000 */
	--on-primary-100: 0, 0, 0; /* #000000 */
	--on-primary-200: 0, 0, 0; /* #000000 */
	--on-primary-300: 0, 0, 0; /* #000000 */
	--on-primary-400: 0, 0, 0; /* #000000 */
	--on-primary-500: 0, 0, 0; /* #000000 */
	--on-primary-600: 0, 0, 0; /* #000000 */
	--on-primary-700: 255, 255, 255; /* #ffffff */
	--on-primary-800: 255, 255, 255; /* #ffffff */
	--on-primary-900: 255, 255, 255; /* #ffffff */
	--on-primary-950: 255, 255, 255; /* #ffffff */

	/* secondary colors */
	--color-secondary-50: 250, 244, 248; /* #faf4f8 */
	--color-secondary-100: 229, 198, 222; /* #e5c6de */
	--color-secondary-200: 203, 142, 190; /* #cb8ebe */
	--color-secondary-300: 182, 96, 163; /* #b660a3 */
	--color-secondary-400: 167, 62, 144; /* #a73e90 */
	--color-secondary-500: 151, 28, 124; /* #971c7c */
	--color-secondary-600: 140, 26, 115; /* #8c1a73 */
	--color-secondary-700: 82, 15, 67; /* #520f43 */
	--color-secondary-800: 66, 12, 55; /* #420c37 */
	--color-secondary-900: 53, 10, 43; /* #350a2b */
	--color-secondary-950: 35, 6, 29; /* #23061d */

	--on-secondary-50: 0, 0, 0; /* #000000 */
	--on-secondary-100: 0, 0, 0; /* #000000 */
	--on-secondary-200: 0, 0, 0; /* #000000 */
	--on-secondary-300: 0, 0, 0; /* #000000 */
	--on-secondary-400: 255, 255, 255; /* #ffffff */
	--on-secondary-500: 255, 255, 255; /* #ffffff */
	--on-secondary-600: 255, 255, 255; /* #ffffff */
	--on-secondary-700: 255, 255, 255; /* #ffffff */
	--on-secondary-800: 255, 255, 255; /* #ffffff */
	--on-secondary-900: 255, 255, 255; /* #ffffff */
	--on-secondary-950: 255, 255, 255; /* #ffffff */

	/* tertiary colors */
	--color-tertiary-50: 246, 243, 249; /* #f6f3f9 */
	--color-tertiary-100: 209, 194, 227; /* #d1c2e3 */
	--color-tertiary-200: 172, 145, 204; /* #ac91cc */
	--color-tertiary-300: 153, 121, 193; /* #9979c1 */
	--color-tertiary-400: 79, 23, 148; /* #4f1794 */
	--color-tertiary-500: 70, 11, 142; /* #460b8e */
	--color-tertiary-600: 65, 10, 132; /* #410a84 */
	--color-tertiary-700: 55, 9, 111; /* #37096f */
	--color-tertiary-800: 32, 5, 64; /* #200540 */
	--color-tertiary-900: 25, 4, 50; /* #190432 */
	--color-tertiary-950: 18, 3, 36; /* #120324 */

	--on-tertiary-50: 0, 0, 0; /* #000000 */
	--on-tertiary-100: 0, 0, 0; /* #000000 */
	--on-tertiary-200: 0, 0, 0; /* #000000 */
	--on-tertiary-300: 0, 0, 0; /* #000000 */
	--on-tertiary-400: 255, 255, 255; /* #ffffff */
	--on-tertiary-500: 255, 255, 255; /* #ffffff */
	--on-tertiary-600: 255, 255, 255; /* #ffffff */
	--on-tertiary-700: 255, 255, 255; /* #ffffff */
	--on-tertiary-800: 255, 255, 255; /* #ffffff */
	--on-tertiary-900: 255, 255, 255; /* #ffffff */
	--on-tertiary-950: 255, 255, 255; /* #ffffff */

	/* surface colors */
	--color-surface-50: 244, 243, 245; /* #f4f3f5 */
	--color-surface-100: 200, 197, 205; /* #c8c5cd */
	--color-surface-200: 146, 138, 156; /* #928a9c */
	--color-surface-300: 67, 54, 84; /* #433654 */
	--color-surface-400: 54, 40, 72; /* #362848 */
	--color-surface-500: 36, 21, 56; /* #241538 */
	--color-surface-600: 32, 19, 50; /* #201332 */
	--color-surface-700: 29, 17, 45; /* #1d112d */
	--color-surface-800: 22, 13, 34; /* #160d22 */
	--color-surface-900: 14, 8, 22; /* #0e0816 */
	--color-surface-950: 11, 6, 17; /* #0b0611 */

	--on-surface-50: 0, 0, 0; /* #000000 */
	--on-surface-100: 0, 0, 0; /* #000000 */
	--on-surface-200: 0, 0, 0; /* #000000 */
	--on-surface-300: 255, 255, 255; /* #ffffff */
	--on-surface-400: 255, 255, 255; /* #ffffff */
	--on-surface-500: 255, 255, 255; /* #ffffff */
	--on-surface-600: 255, 255, 255; /* #ffffff */
	--on-surface-700: 255, 255, 255; /* #ffffff */
	--on-surface-800: 255, 255, 255; /* #ffffff */
	--on-surface-900: 255, 255, 255; /* #ffffff */
	--on-surface-950: 255, 255, 255; /* #ffffff */

	/* success colors */
	--color-success-50: 244, 251, 245; /* #f4fbf5 */
	--color-success-100: 200, 237, 206; /* #c8edce */
	--color-success-200: 144, 218, 157; /* #90da9d */
	--color-success-300: 100, 203, 117; /* #64cb75 */
	--color-success-400: 66, 192, 88; /* #42c058 */
	--color-success-500: 33, 181, 58; /* #21b53a */
	--color-success-600: 30, 163, 52; /* #1ea334 */
	--color-success-700: 27, 150, 48; /* #1b9630 */
	--color-success-800: 16, 87, 28; /* #10571c */
	--color-success-900: 13, 72, 23; /* #0d4817 */
	--color-success-950: 10, 54, 17; /* #0a3611 */

	--on-success-50: 0, 0, 0; /* #000000 */
	--on-success-100: 0, 0, 0; /* #000000 */
	--on-success-200: 0, 0, 0; /* #000000 */
	--on-success-300: 0, 0, 0; /* #000000 */
	--on-success-400: 0, 0, 0; /* #000000 */
	--on-success-500: 0, 0, 0; /* #000000 */
	--on-success-600: 0, 0, 0; /* #000000 */
	--on-success-700: 0, 0, 0; /* #000000 */
	--on-success-800: 255, 255, 255; /* #ffffff */
	--on-success-900: 255, 255, 255; /* #ffffff */
	--on-success-950: 255, 255, 255; /* #ffffff */

	/* warning colors */
	--color-warning-50: 253, 250, 243; /* #fdfaf3 */
	--color-warning-100: 246, 232, 195; /* #f6e8c3 */
	--color-warning-200: 237, 210, 136; /* #edd288 */
	--color-warning-300: 229, 191, 88; /* #e5bf58 */
	--color-warning-400: 224, 178, 52; /* #e0b234 */
	--color-warning-500: 218, 164, 16; /* #daa410 */
	--color-warning-600: 207, 156, 15; /* #cf9c0f */
	--color-warning-700: 196, 148, 14; /* #c4940e */
	--color-warning-800: 113, 85, 8; /* #715508 */
	--color-warning-900: 87, 66, 6; /* #574206 */
	--color-warning-950: 65, 49, 5; /* #413105 */

	--on-warning-50: 0, 0, 0; /* #000000 */
	--on-warning-100: 0, 0, 0; /* #000000 */
	--on-warning-200: 0, 0, 0; /* #000000 */
	--on-warning-300: 0, 0, 0; /* #000000 */
	--on-warning-400: 0, 0, 0; /* #000000 */
	--on-warning-500: 0, 0, 0; /* #000000 */
	--on-warning-600: 0, 0, 0; /* #000000 */
	--on-warning-700: 0, 0, 0; /* #000000 */
	--on-warning-800: 255, 255, 255; /* #ffffff */
	--on-warning-900: 255, 255, 255; /* #ffffff */
	--on-warning-950: 255, 255, 255; /* #ffffff */

	/* error colors */
	--color-error-50: 251, 243, 243; /* #fbf3f3 */
	--color-error-100: 233, 195, 195; /* #e9c3c3 */
	--color-error-200: 216, 151, 151; /* #d89797 */
	--color-error-300: 206, 122, 122; /* #ce7a7a */
	--color-error-400: 171, 30, 30; /* #ab1e1e */
	--color-error-500: 165, 13, 13; /* #a50d0d */
	--color-error-600: 149, 12, 12; /* #950c0c */
	--color-error-700: 132, 10, 10; /* #840a0a */
	--color-error-800: 99, 8, 8; /* #630808 */
	--color-error-900: 66, 5, 5; /* #420505 */
	--color-error-950: 50, 4, 4; /* #320404 */

	--on-error-50: 0, 0, 0; /* #000000 */
	--on-error-100: 0, 0, 0; /* #000000 */
	--on-error-200: 0, 0, 0; /* #000000 */
	--on-error-300: 0, 0, 0; /* #000000 */
	--on-error-400: 255, 255, 255; /* #ffffff */
	--on-error-500: 255, 255, 255; /* #ffffff */
	--on-error-600: 255, 255, 255; /* #ffffff */
	--on-error-700: 255, 255, 255; /* #ffffff */
	--on-error-800: 255, 255, 255; /* #ffffff */
	--on-error-900: 255, 255, 255; /* #ffffff */
	--on-error-950: 255, 255, 255; /* #ffffff */
}
