@import url('https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css') layer(theme);

@layer theme {
	/* Pastel Theme */
	:root {
		/* Site wrapper Layer *//* Site wrapper Layer */
		--container-bg-primary: #e8d5f0; /* Soft orchid: more purple than pink */
		--container-bg-secondary: #f0e1f7; /* Light lavender: cooler tone */
		--container-bg-accent: #d1bee7; /* Medium orchid: richer purple */
		--container-bg-texture: linear-gradient(to bottom, var(--container-bg-secondary), var(--container-bg-primary));

		--container-text-color: #4a148c; /* Deep purple: strong on pastels */
		--container-text-muted: #7b1fa2; /* Medium purple: less prominent */
		--container-text-accent: #311b92; /* Indigo: darkest contrast */

		--container-link-color: #6a1b9a; /* Rich purple: vibrant links */
		--container-link-accent: #8e24aa; /* Brighter purple: hover state */
		--container-link-on-color: #fce4ec; /* Pale pink text on purple links */

		--container-selection-bg: #ce93d8; /* Orchid selection: medium purple */
		--container-selection-fg: #311b92; /* Deep indigo text */

		/* Application Layer */
		--main-bg-primary: #ffe8f5; /* Soft pink: clearly pink now */
		--main-bg-secondary: #ffebf7; /* Light blush pink: slightly lighter */
		--main-bg-accent: #f8f0ffdd; /* Light lavender with transparency */
		--main-bg-texture: linear-gradient(135deg, var(--main-bg-secondary), var(--main-bg-primary));

		--main-text-color: #3d1a5f; /* Plum: readable purple */
		--main-text-muted: #6d4c7d; /* Muted purple: secondary text */
		--main-text-accent: #2d0f4d; /* Deep violet: strongest emphasis */
		--main-text-highlight: #fff3e0; /* Peach cream: warm highlight */

		--main-link-color: #7b2cbf; /* Vibrant purple: high contrast */
		--main-link-accent: #5a189a; /* Darker purple: active state */
		--main-link-on-color: #faf5ff; /* Pale lavender text on links */

		--main-selection-bg: #ba68c8; /* Medium orchid: clear selection */
		--main-selection-fg: #fff; /* White for maximum contrast */

		--main-border: #d1c4e9; /* Soft lavender: gentle borders */

		/* Transformation Layer */
		--wash-strong: rgba(74, 20, 140, 0.15); /* Stronger purple overlay */
		--wash-accent: rgba(106, 27, 154, 0.10); /* Accent with purple tint */
		--wash-muted: rgba(255, 255, 255, 0.50); /* Mute by lightening */
		--wash-subtle: rgba(74, 20, 140, 0.05); /* Subtle purple wash */
	}
}