:root [data-theme='water'] {
	--ato-container-radius: 12px;

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

	--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: 243, 251, 253; /* #f3fbfd */
	--color-primary-100: 197, 234, 247; /* #c5eaf7 */
	--color-primary-200: 155, 219, 241; /* #9bdbf1 */
	--color-primary-300: 132, 211, 238; /* #84d3ee */
	--color-primary-400: 107, 202, 234; /* #6bcaea */
	--color-primary-500: 23, 172, 222; /* #17acde */
	--color-primary-600: 22, 163, 211; /* #16a3d3 */
	--color-primary-700: 14, 105, 135; /* #0e6987 */
	--color-primary-800: 12, 88, 113; /* #0c5871 */
	--color-primary-900: 9, 69, 89; /* #094559 */
	--color-primary-950: 7, 52, 67; /* #073443 */

	--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: 245, 253, 251; /* #f5fdfb */
	--color-secondary-100: 205, 244, 236; /* #cdf4ec */
	--color-secondary-200: 155, 233, 217; /* #9be9d9 */
	--color-secondary-300: 115, 224, 202; /* #73e0ca */
	--color-secondary-400: 85, 217, 190; /* #55d9be */
	--color-secondary-500: 55, 210, 179; /* #37d2b3 */
	--color-secondary-600: 51, 195, 166; /* #33c3a6 */
	--color-secondary-700: 44, 168, 143; /* #2ca88f */
	--color-secondary-800: 26, 99, 84; /* #1a6354 */
	--color-secondary-900: 19, 74, 63; /* #134a3f */
	--color-secondary-950: 13, 48, 41; /* #0d3029 */

	--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: 248, 253, 248; /* #f8fdf8 */
	--color-tertiary-100: 221, 245, 222; /* #ddf5de */
	--color-tertiary-200: 186, 235, 189; /* #baebbd */
	--color-tertiary-300: 158, 227, 163; /* #9ee3a3 */
	--color-tertiary-400: 138, 221, 143; /* #8add8f */
	--color-tertiary-500: 117, 215, 123; /* #75d77b */
	--color-tertiary-600: 109, 200, 114; /* #6dc872 */
	--color-tertiary-700: 91, 168, 96; /* #5ba860 */
	--color-tertiary-800: 53, 97, 55; /* #356137 */
	--color-tertiary-900: 41, 75, 43; /* #294b2b */
	--color-tertiary-950: 29, 54, 31; /* #1d361f */

	--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: 255, 255, 255; /* #ffffff */
	--on-tertiary-900: 255, 255, 255; /* #ffffff */
	--on-tertiary-950: 255, 255, 255; /* #ffffff */

	/* surface colors */
	--color-surface-50: 243, 246, 246; /* #f3f6f6 */
	--color-surface-100: 193, 209, 212; /* #c1d1d4 */
	--color-surface-200: 131, 163, 168; /* #83a3a8 */
	--color-surface-300: 41, 96, 105; /* #296069 */
	--color-surface-400: 26, 85, 95; /* #1a555f */
	--color-surface-500: 6, 70, 81; /* #064651 */
	--color-surface-600: 5, 63, 73; /* #053f49 */
	--color-surface-700: 5, 56, 65; /* #053841 */
	--color-surface-800: 4, 42, 49; /* #042a31 */
	--color-surface-900: 2, 28, 32; /* #021c20 */
	--color-surface-950: 2, 21, 24; /* #021518 */

	--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, 252, 246; /* #f8fcf6 */
	--color-success-100: 219, 242, 211; /* #dbf2d3 */
	--color-success-200: 183, 229, 166; /* #b7e5a6 */
	--color-success-300: 154, 219, 130; /* #9adb82 */
	--color-success-400: 133, 211, 104; /* #85d368 */
	--color-success-500: 111, 203, 77; /* #6fcb4d */
	--color-success-600: 100, 183, 69; /* #64b745 */
	--color-success-700: 92, 168, 64; /* #5ca840 */
	--color-success-800: 53, 97, 37; /* #356125 */
	--color-success-900: 44, 81, 31; /* #2c511f */
	--color-success-950: 33, 61, 23; /* #213d17 */

	--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: 252, 250, 244; /* #fcfaf4 */
	--color-warning-100: 241, 230, 199; /* #f1e6c7 */
	--color-warning-200: 228, 205, 143; /* #e4cd8f */
	--color-warning-300: 217, 184, 98; /* #d9b862 */
	--color-warning-400: 208, 169, 64; /* #d0a940 */
	--color-warning-500: 200, 154, 30; /* #c89a1e */
	--color-warning-600: 190, 146, 29; /* #be921d */
	--color-warning-700: 180, 139, 27; /* #b48b1b */
	--color-warning-800: 104, 80, 16; /* #685010 */
	--color-warning-900: 80, 62, 12; /* #503e0c */
	--color-warning-950: 60, 46, 9; /* #3c2e09 */

	--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, 244, 244; /* #fbf4f4 */
	--color-error-100: 235, 198, 198; /* #ebc6c6 */
	--color-error-200: 220, 157, 157; /* #dc9d9d */
	--color-error-300: 210, 129, 129; /* #d28181 */
	--color-error-400: 179, 42, 42; /* #b32a2a */
	--color-error-500: 173, 26, 26; /* #ad1a1a */
	--color-error-600: 156, 23, 23; /* #9c1717 */
	--color-error-700: 138, 21, 21; /* #8a1515 */
	--color-error-800: 104, 16, 16; /* #681010 */
	--color-error-900: 69, 10, 10; /* #450a0a */
	--color-error-950: 52, 8, 8; /* #340808 */

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