
:root [data-theme="earth"] {
	--ato-container-radius: 2px;

	/* Buttons */
	--btn-radius: 2px;
	--btn-icon-radius: 2px;

	--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: 242, 247, 244; /* #f2f7f4 */
	--color-primary-100: 192, 214, 200; /* #c0d6c8 */
	--color-primary-200: 129, 173, 145; /* #81ad91 */
	--color-primary-300: 48, 120, 74; /* #30784a */
	--color-primary-400: 16, 98, 45; /* #10622d */
	--color-primary-500: 3, 90, 34; /* #035a22 */
	--color-primary-600: 3, 86, 33; /* #035621 */
	--color-primary-700: 2, 47, 18; /* #022f12 */
	--color-primary-800: 1, 41, 15; /* #01290f */
	--color-primary-900: 1, 34, 13; /* #01220d */
	--color-primary-950: 1, 24, 9; /* #011809 */

	--on-primary-50: 0, 0, 0; /* #000000 */
	--on-primary-100: 0, 0, 0; /* #000000 */
	--on-primary-200: 0, 0, 0; /* #000000 */
	--on-primary-300: 255, 255, 255; /* #ffffff */
	--on-primary-400: 255, 255, 255; /* #ffffff */
	--on-primary-500: 255, 255, 255; /* #ffffff */
	--on-primary-600: 255, 255, 255; /* #ffffff */
	--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, 250, 245; /* #fafaf5 */
	--color-secondary-100: 232, 231, 206; /* #e8e7ce */
	--color-secondary-200: 209, 207, 158; /* #d1cf9e */
	--color-secondary-300: 179, 176, 95; /* #b3b05f */
	--color-secondary-400: 167, 164, 70; /* #a7a446 */
	--color-secondary-500: 162, 159, 60; /* #a29f3c */
	--color-secondary-600: 156, 153, 58; /* #9c993a */
	--color-secondary-700: 84, 83, 31; /* #54531f */
	--color-secondary-800: 73, 72, 27; /* #49481b */
	--color-secondary-900: 62, 60, 23; /* #3e3c17 */
	--color-secondary-950: 44, 43, 16; /* #2c2b10 */

	--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: 0, 0, 0; /* #000000 */
	--on-secondary-500: 0, 0, 0; /* #000000 */
	--on-secondary-600: 0, 0, 0; /* #000000 */
	--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: 247, 247, 246; /* #f7f7f6 */
	--color-tertiary-100: 217, 213, 210; /* #d9d5d2 */
	--color-tertiary-200: 186, 180, 173; /* #bab4ad */
	--color-tertiary-300: 167, 160, 151; /* #a7a097 */
	--color-tertiary-400: 109, 96, 82; /* #6d6052 */
	--color-tertiary-500: 101, 88, 73; /* #655849 */
	--color-tertiary-600: 97, 84, 70; /* #615446 */
	--color-tertiary-700: 53, 46, 38; /* #352e26 */
	--color-tertiary-800: 45, 40, 33; /* #2d2821 */
	--color-tertiary-900: 38, 33, 28; /* #26211c */
	--color-tertiary-950: 27, 24, 20; /* #1b1814 */

	--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, 244, 244; /* #f4f4f4 */
	--color-surface-100: 202, 202, 202; /* #cacaca */
	--color-surface-200: 150, 150, 150; /* #969696 */
	--color-surface-300: 82, 82, 82; /* #525252 */
	--color-surface-400: 55, 55, 55; /* #373737 */
	--color-surface-500: 44, 44, 44; /* #2c2c2c */
	--color-surface-600: 42, 42, 42; /* #2a2a2a */
	--color-surface-700: 23, 23, 23; /* #171717 */
	--color-surface-800: 20, 20, 20; /* #141414 */
	--color-surface-900: 17, 17, 17; /* #111111 */
	--color-surface-950: 12, 12, 12; /* #0c0c0c */

	--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: 245, 252, 245; /* #f5fcf5 */
	--color-success-100: 206, 240, 206; /* #cef0ce */
	--color-success-200: 157, 226, 157; /* #9de29d */
	--color-success-300: 94, 207, 94; /* #5ecf5e */
	--color-success-400: 69, 199, 69; /* #45c745 */
	--color-success-500: 59, 196, 59; /* #3bc43b */
	--color-success-600: 57, 188, 57; /* #39bc39 */
	--color-success-700: 31, 102, 31; /* #1f661f */
	--color-success-800: 27, 88, 27; /* #1b581b */
	--color-success-900: 22, 74, 22; /* #164a16 */
	--color-success-950: 16, 53, 16; /* #103510 */

	--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: 255, 255, 255; /* #ffffff */
	--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: 254, 251, 243; /* #fefbf3 */
	--color-warning-100: 249, 235, 197; /* #f9ebc5 */
	--color-warning-200: 244, 216, 139; /* #f4d88b */
	--color-warning-300: 236, 190, 65; /* #ecbe41 */
	--color-warning-400: 233, 180, 35; /* #e9b423 */
	--color-warning-500: 232, 176, 23; /* #e8b017 */
	--color-warning-600: 223, 169, 22; /* #dfa916 */
	--color-warning-700: 121, 92, 12; /* #795c0c */
	--color-warning-800: 104, 79, 10; /* #684f0a */
	--color-warning-900: 88, 67, 9; /* #584309 */
	--color-warning-950: 63, 48, 6; /* #3f3006 */

	--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: 255, 255, 255; /* #ffffff */
	--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: 250, 243, 243; /* #faf3f3 */
	--color-error-100: 229, 195, 196; /* #e5c3c4 */
	--color-error-200: 204, 136, 137; /* #cc8889 */
	--color-error-300: 164, 45, 47; /* #a42d2f */
	--color-error-400: 157, 28, 31; /* #9d1c1f */
	--color-error-500: 152, 16, 19; /* #981013 */
	--color-error-600: 146, 15, 18; /* #920f12 */
	--color-error-700: 79, 8, 10; /* #4f080a */
	--color-error-800: 68, 7, 9; /* #440709 */
	--color-error-900: 58, 6, 7; /* #3a0607 */
	--color-error-950: 41, 4, 5; /* #290405 */

	--on-error-50: 0, 0, 0; /* #000000 */
	--on-error-100: 0, 0, 0; /* #000000 */
	--on-error-200: 0, 0, 0; /* #000000 */
	--on-error-300: 255, 255, 255; /* #ffffff */
	--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 */

}
	