/* Non-Bootswatch custom color palettes. Scoped by data-edu-theme-key on , layered on top of the base Bootstrap bundle + site.css so every existing --edu-* driven component (buttons, cards, sidebar, badges, hero panels) re-themes automatically. */ /* ฟ้าขาว (Fah-Khao) - bright sky blue & white, crisp and airy */ html[data-edu-theme-key="fah-khao"] { --edu-navy-950: #0b2a4a; --edu-navy-900: #123a66; --edu-navy-800: #1a5eb0; --edu-navy-700: #2f8fe3; --edu-gold-600: #f5a524; --edu-gold-400: #ffd27a; --edu-teal-600: #12a894; --edu-ivory: #ffffff; --edu-cloud: #eef6ff; --edu-border: #cfe3fb; --edu-text: #17395c; --edu-muted: #5c7a99; --edu-surface: #ffffff; --edu-surface-soft: #f2f8ff; --edu-primary-rgb: 26, 94, 176; --edu-secondary-rgb: 47, 143, 227; --edu-surface-rgb: 255, 255, 255; --bs-primary: #1a5eb0; --bs-primary-rgb: 26, 94, 176; --bs-link-color: #1a5eb0; --bs-link-color-rgb: 26, 94, 176; --bs-link-hover-color: #123a66; } /* ขาวทอง (Khao-Thong) - warm white & gold, elegant and comfortable */ html[data-edu-theme-key="khao-thong"] { --edu-navy-950: #4a2e05; --edu-navy-900: #8a5a06; --edu-navy-800: #b8860b; --edu-navy-700: #d4a017; --edu-gold-600: #8a1538; --edu-gold-400: #c65b7c; --edu-teal-600: #0f766e; --edu-ivory: #fffdf7; --edu-cloud: #fbf3df; --edu-border: #e8d9b0; --edu-text: #4a3d26; --edu-muted: #8a7a5c; --edu-surface: #fffdf7; --edu-surface-soft: #fdf6e3; --edu-primary-rgb: 184, 134, 11; --edu-secondary-rgb: 212, 160, 23; --edu-surface-rgb: 255, 253, 247; --bs-primary: #b8860b; --bs-primary-rgb: 184, 134, 11; --bs-link-color: #8a5a06; --bs-link-color-rgb: 138, 90, 6; --bs-link-hover-color: #5c3c02; }