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

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

	--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, 251, 254; /* #f2fbfe */
	--color-primary-100: 191, 236, 251; /* #bfecfb */
	--color-primary-200: 128, 218, 248; /* #80daf8 */
	--color-primary-300: 77, 203, 245; /* #4dcbf5 */
	--color-primary-400: 38, 191, 242; /* #26bff2 */
	--color-primary-500: 0, 180, 240; /* #00b4f0 */
	--color-primary-600: 0, 173, 230; /* #00ade6 */
	--color-primary-700: 0, 164, 218; /* #00a4da */
	--color-primary-800: 0, 90, 120; /* #005a78 */
	--color-primary-900: 0, 72, 96; /* #004860 */
	--color-primary-950: 0, 54, 72; /* #003648 */

	--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: 0, 0, 0; /* #000000 */
	--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: 254, 249, 243; /* #fef9f3 */
	--color-secondary-100: 252, 223, 196; /* #fcdfc4 */
	--color-secondary-200: 249, 191, 137; /* #f9bf89 */
	--color-secondary-300: 247, 165, 89; /* #f7a559 */
	--color-secondary-400: 245, 145, 54; /* #f59136 */
	--color-secondary-500: 243, 126, 18; /* #f37e12 */
	--color-secondary-600: 236, 122, 17; /* #ec7a11 */
	--color-secondary-700: 134, 69, 10; /* #86450a */
	--color-secondary-800: 109, 57, 8; /* #6d3908 */
	--color-secondary-900: 87, 45, 6; /* #572d06 */
	--color-secondary-950: 68, 35, 5; /* #442305 */

	--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: 254, 253, 244; /* #fefdf4 */
	--color-tertiary-100: 248, 244, 201; /* #f8f4c9 */
	--color-tertiary-200: 241, 233, 147; /* #f1e993 */
	--color-tertiary-300: 235, 224, 103; /* #ebe067 */
	--color-tertiary-400: 231, 218, 71; /* #e7da47 */
	--color-tertiary-500: 227, 211, 38; /* #e3d326 */
	--color-tertiary-600: 204, 190, 34; /* #ccbe22 */
	--color-tertiary-700: 182, 169, 30; /* #b6a91e */
	--color-tertiary-800: 168, 156, 28; /* #a89c1c */
	--color-tertiary-900: 91, 84, 15; /* #5b540f */
	--color-tertiary-950: 68, 63, 11; /* #443f0b */

	--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: 0, 0, 0; /* #000000 */
	--on-tertiary-500: 0, 0, 0; /* #000000 */
	--on-tertiary-600: 0, 0, 0; /* #000000 */
	--on-tertiary-700: 0, 0, 0; /* #000000 */
	--on-tertiary-800: 0, 0, 0; /* #000000 */
	--on-tertiary-900: 255, 255, 255; /* #ffffff */
	--on-tertiary-950: 255, 255, 255; /* #ffffff */

	/* surface colors */
	--color-surface-50: 242, 245, 247; /* #f2f5f7 */
	--color-surface-100: 191, 206, 216; /* #bfced8 */
	--color-surface-200: 128, 158, 176; /* #809eb0 */
	--color-surface-300: 77, 119, 144; /* #4d7790 */
	--color-surface-400: 38, 89, 121; /* #265979 */
	--color-surface-500: 0, 60, 97; /* #003c61 */
	--color-surface-600: 0, 54, 87; /* #003657 */
	--color-surface-700: 0, 48, 78; /* #00304e */
	--color-surface-800: 0, 36, 58; /* #00243a */
	--color-surface-900: 0, 24, 39; /* #001827 */
	--color-surface-950: 0, 18, 29; /* #00121d */

	--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: 118, 214, 118; /* #76d676 */
	--color-success-400: 88, 205, 88; /* #58cd58 */
	--color-success-500: 59, 196, 59; /* #3bc43b */
	--color-success-600: 53, 176, 53; /* #35b035 */
	--color-success-700: 47, 157, 47; /* #2f9d2f */
	--color-success-800: 35, 118, 35; /* #237623 */
	--color-success-900: 24, 78, 24; /* #184e18 */
	--color-success-950: 18, 59, 18; /* #123b12 */

	--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: 254, 251, 243; /* #fefbf3 */
	--color-warning-100: 249, 235, 197; /* #f9ebc5 */
	--color-warning-200: 244, 216, 139; /* #f4d88b */
	--color-warning-300: 239, 200, 93; /* #efc85d */
	--color-warning-400: 235, 188, 58; /* #ebbc3a */
	--color-warning-500: 232, 176, 23; /* #e8b017 */
	--color-warning-600: 209, 158, 21; /* #d19e15 */
	--color-warning-700: 186, 141, 18; /* #ba8d12 */
	--color-warning-800: 139, 106, 14; /* #8b6a0e */
	--color-warning-900: 93, 70, 9; /* #5d4609 */
	--color-warning-950: 70, 53, 7; /* #463507 */

	--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: 249, 244, 243; /* #f9f4f3 */
	--color-error-100: 227, 202, 194; /* #e3cac2 */
	--color-error-200: 200, 149, 132; /* #c89584 */
	--color-error-300: 177, 107, 83; /* #b16b53 */
	--color-error-400: 161, 75, 46; /* #a14b2e */
	--color-error-500: 144, 43, 9; /* #902b09 */
	--color-error-600: 130, 39, 8; /* #822708 */
	--color-error-700: 115, 34, 7; /* #732207 */
	--color-error-800: 86, 26, 5; /* #561a05 */
	--color-error-900: 58, 17, 4; /* #3a1104 */
	--color-error-950: 43, 13, 3; /* #2b0d03 */

	--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 */
}
