:root [data-theme='ato'] {
	--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.375rem;
	--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: 245, 245, 255; /* #f5f5ff */
	--color-primary-100: 203, 203, 255; /* #cbcbff */
	--color-primary-200: 161, 161, 255; /* #a1a1ff */
	--color-primary-300: 136, 136, 255; /* #8888ff */
	--color-primary-400: 67, 67, 255; /* #4343ff */
	--color-primary-500: 46, 46, 255; /* #2e2eff */
	--color-primary-600: 41, 41, 230; /* #2929e6 */
	--color-primary-700: 35, 35, 191; /* #2323bf */
	--color-primary-800: 26, 26, 145; /* #1a1a91 */
	--color-primary-900: 18, 18, 102; /* #121266 */
	--color-primary-950: 14, 14, 77; /* #0e0e4d */

	--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: 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: 246, 251, 254; /* #f6fbfe */
	--color-secondary-100: 210, 237, 249; /* #d2edf9 */
	--color-secondary-200: 166, 220, 243; /* #a6dcf3 */
	--color-secondary-300: 130, 205, 238; /* #82cdee */
	--color-secondary-400: 103, 195, 234; /* #67c3ea */
	--color-secondary-500: 76, 184, 230; /* #4cb8e6 */
	--color-secondary-600: 71, 171, 214; /* #47abd6 */
	--color-secondary-700: 66, 160, 200; /* #42a0c8 */
	--color-secondary-800: 39, 94, 117; /* #275e75 */
	--color-secondary-900: 30, 74, 92; /* #1e4a5c */
	--color-secondary-950: 23, 55, 69; /* #173745 */

	--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: 0, 0, 0; /* #000000 */
	--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: 249, 245, 254; /* #f9f5fe */
	--color-tertiary-100: 224, 204, 248; /* #e0ccf8 */
	--color-tertiary-200: 192, 153, 240; /* #c099f0 */
	--color-tertiary-300: 176, 126, 236; /* #b07eec */
	--color-tertiary-400: 167, 112, 234; /* #a770ea */
	--color-tertiary-500: 129, 51, 225; /* #8133e1 */
	--color-tertiary-600: 116, 46, 203; /* #742ecb */
	--color-tertiary-700: 103, 41, 180; /* #6729b4 */
	--color-tertiary-800: 77, 31, 135; /* #4d1f87 */
	--color-tertiary-900: 52, 20, 90; /* #34145a */
	--color-tertiary-950: 39, 15, 68; /* #270f44 */

	--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: 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: 243, 243, 244; /* #f3f3f4 */
	--color-surface-100: 197, 197, 201; /* #c5c5c9 */
	--color-surface-200: 139, 139, 147; /* #8b8b93 */
	--color-surface-300: 92, 92, 103; /* #5c5c67 */
	--color-surface-400: 57, 57, 71; /* #393947 */
	--color-surface-500: 22, 22, 38; /* #161626 */
	--color-surface-600: 20, 20, 34; /* #141422 */
	--color-surface-700: 18, 18, 30; /* #12121e */
	--color-surface-800: 13, 13, 23; /* #0d0d17 */
	--color-surface-900: 9, 9, 15; /* #09090f */
	--color-surface-950: 7, 7, 11; /* #07070b */

	--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: 248, 253, 245; /* #f8fdf5 */
	--color-success-100: 218, 247, 207; /* #daf7cf */
	--color-success-200: 181, 238, 160; /* #b5eea0 */
	--color-success-300: 151, 231, 121; /* #97e779 */
	--color-success-400: 128, 226, 93; /* #80e25d */
	--color-success-500: 106, 221, 64; /* #6add40 */
	--color-success-600: 95, 199, 58; /* #5fc73a */
	--color-success-700: 85, 177, 51; /* #55b133 */
	--color-success-800: 46, 95, 28; /* #2e5f1c */
	--color-success-900: 36, 75, 22; /* #244b16 */
	--color-success-950: 27, 55, 16; /* #1b3710 */

	--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, 252, 244; /* #fefcf4 */
	--color-warning-100: 252, 238, 201; /* #fceec9 */
	--color-warning-200: 248, 221, 147; /* #f8dd93 */
	--color-warning-300: 245, 207, 104; /* #f5cf68 */
	--color-warning-400: 243, 197, 71; /* #f3c547 */
	--color-warning-500: 241, 187, 39; /* #f1bb27 */
	--color-warning-600: 217, 168, 35; /* #d9a823 */
	--color-warning-700: 193, 150, 31; /* #c1961f */
	--color-warning-800: 116, 90, 19; /* #745a13 */
	--color-warning-900: 96, 75, 16; /* #604b10 */
	--color-warning-950: 72, 56, 12; /* #48380c */

	--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: 235, 196, 196; /* #ebc4c4 */
	--color-error-200: 219, 148, 148; /* #db9494 */
	--color-error-300: 208, 115, 115; /* #d07373 */
	--color-error-400: 182, 39, 39; /* #b62727 */
	--color-error-500: 175, 18, 18; /* #af1212 */
	--color-error-600: 158, 16, 16; /* #9e1010 */
	--color-error-700: 140, 14, 14; /* #8c0e0e */
	--color-error-800: 105, 11, 11; /* #690b0b */
	--color-error-900: 70, 7, 7; /* #460707 */
	--color-error-950: 53, 5, 5; /* #350505 */

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