@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
	:root {
		/* iOS 18 Light Mode Colors */
		--background: 255 255 255;
		--foreground: 0 0 0;
		--card: 255 255 255;
		--card-foreground: 0 0 0;
		--popover: 242 242 247;
		--popover-foreground: 0 0 0;
		--primary: 0 122 255;
		--primary-foreground: 255 255 255;
		--secondary: 142 142 147;
		--secondary-foreground: 255 255 255;
		--muted: 242 242 247;
		--muted-foreground: 142 142 147;
		--accent: 255 45 85;
		--accent-foreground: 255 255 255;
		--destructive: 255 59 48;
		--destructive-foreground: 255 255 255;
		--border: 199 199 204;
		--input: 242 242 247;
		--ring: 0 122 255;

		/* Android 15 Material Design 3 Light Mode */
		--android-background: 255 251 254;
		--android-foreground: 16 20 24;
		--android-card: 255 255 255;
		--android-card-foreground: 16 20 24;
		--android-popover: 244 239 244;
		--android-popover-foreground: 16 20 24;
		--android-primary: 103 80 164;
		--android-primary-foreground: 255 255 255;
		--android-secondary: 98 91 113;
		--android-secondary-foreground: 255 255 255;
		--android-muted: 231 224 236;
		--android-muted-foreground: 73 69 79;
		--android-accent: 125 82 96;
		--android-accent-foreground: 255 255 255;
		--android-destructive: 186 26 26;
		--android-destructive-foreground: 255 255 255;
		--android-border: 202 196 208;
		--android-input: 231 224 236;
		--android-ring: 103 80 164;
	}

	@media (prefers-color-scheme: dark) {
		:root {
			/* iOS 18 Dark Mode Colors */
			--background: 0 0 0;
			--foreground: 255 255 255;
			--card: 28 28 30;
			--card-foreground: 255 255 255;
			--popover: 44 44 46;
			--popover-foreground: 255 255 255;
			--primary: 10 132 255;
			--primary-foreground: 255 255 255;
			--secondary: 99 99 102;
			--secondary-foreground: 255 255 255;
			--muted: 44 44 46;
			--muted-foreground: 142 142 147;
			--accent: 255 55 95;
			--accent-foreground: 255 255 255;
			--destructive: 255 69 58;
			--destructive-foreground: 255 255 255;
			--border: 58 58 60;
			--input: 44 44 46;
			--ring: 10 132 255;

			/* Android 15 Material Design 3 Dark Mode */
			--android-background: 16 14 19;
			--android-foreground: 230 225 229;
			--android-card: 28 27 31;
			--android-card-foreground: 230 225 229;
			--android-popover: 39 37 43;
			--android-popover-foreground: 230 225 229;
			--android-primary: 208 188 255;
			--android-primary-foreground: 52 43 80;
			--android-secondary: 196 190 210;
			--android-secondary-foreground: 49 45 56;
			--android-muted: 73 69 79;
			--android-muted-foreground: 202 196 208;
			--android-accent: 219 187 200;
			--android-accent-foreground: 73 46 57;
			--android-destructive: 242 184 181;
			--android-destructive-foreground: 65 14 11;
			--android-border: 73 69 79;
			--android-input: 39 37 43;
			--android-ring: 208 188 255;
		}
	}
}
