:root{--color-brand-50:#FFF1E6;--color-brand-100:#FFE0C7;--color-brand-200:#FFD6B8;--color-brand-300:#FF9F5C;--color-brand-400:#FF8433;--color-brand-500:#FF6700;--color-brand-600:#E65C00;--color-brand-700:#CC5200;--color-brand-800:#A34200;--color-brand-900:#7A3100;--color-brand-950:#4D1F00;--color-neutral-0:#ffffff;--color-neutral-50:#f7f8fa;--color-neutral-100:#eef0f3;--color-neutral-200:#dfe3e8;--color-neutral-300:#c3c9d1;--color-neutral-400:#9aa2ae;--color-neutral-500:#717a88;--color-neutral-600:#565e6b;--color-neutral-700:#404750;--color-neutral-800:#2a2f37;--color-neutral-900:#1a1d22;--color-neutral-950:#0e1013;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-info-500:#3b82f6;--color-info-600:#2563eb;--color-official-orange:#FF6700;--color-official-black:#000000;--color-public-ink:#000000;--color-public-surface:#FFFFFF;--color-public-surfaceTint:#FFF1E6;--color-public-focus-50:#FFF1E6;--color-public-focus-100:#FFE0C7;--color-public-focus-200:#FFD6B8;--color-public-focus-300:#FF9F5C;--color-public-focus-400:#FF8433;--color-public-focus-500:#FF6700;--color-public-focus-600:#E65C00;--color-public-focus-700:#CC5200;--color-public-focus-800:#A34200;--color-public-focus-900:#7A3100;--color-public-focus-950:#4D1F00;--color-public-pastel-orange-tint:#FFD6B8;--color-public-pastel-orange-tintSoft:#FFF1E6;--color-public-pastel-orange-text:#CC5200;--color-public-pastel-blue-tint:#CFE4FF;--color-public-pastel-blue-tintSoft:#EAF3FF;--color-public-pastel-blue-text:#2563EB;--color-public-pastel-purple-tint:#E3D7FF;--color-public-pastel-purple-tintSoft:#F3EEFF;--color-public-pastel-purple-text:#7C3AED;--color-public-pastel-green-tint:#D7F2E3;--color-public-pastel-green-tintSoft:#EEFAF3;--color-public-pastel-green-text:#15803D;--color-public-pastel-pink-tint:#FFDCE5;--color-public-pastel-pink-tintSoft:#FFEEF2;--color-public-pastel-pink-text:#DB2777;--color-public-gray-0:#FFFFFF;--color-public-gray-50:#FAFAFA;--color-public-gray-100:#F5F5F5;--color-public-gray-200:#E5E5E5;--color-public-gray-300:#D4D4D4;--color-public-gray-400:#A3A3A3;--color-public-gray-500:#737373;--color-public-gray-600:#525252;--color-public-gray-700:#404040;--color-public-gray-800:#262626;--color-public-gray-900:#171717;--color-public-gray-950:#000000;--font-family-sans:var(--font-sarabun),TH Sarabun New,Noto Sans Thai,system-ui,sans-serif;--font-family-heading:var(--font-prompt),Prompt,Noto Sans Thai,system-ui,sans-serif;--font-family-display:var(--font-prompt),Prompt,Noto Sans Thai,system-ui,sans-serif;--font-family-script:var(--font-allura),Allura,cursive;--font-family-mono:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;--font-size-xs:1rem;--font-size-sm:1rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-lineHeight-tight:1.25;--font-lineHeight-normal:1.5;--font-lineHeight-relaxed:1.75;--space-0:0px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0px;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--zIndex-dropdown:1000;--zIndex-sticky:1100;--zIndex-overlay:1200;--zIndex-modal:1300;--zIndex-toast:1400;--zIndex-tooltip:1500;--table-admin-headerFontSize:1rem;--table-admin-headerTextColor:#717a88;--table-admin-headerBgColor:#f7f8fa;--table-admin-bodyFontSize:1rem;--table-admin-bodyTextColor:#565e6b;--table-admin-bodyBgColor:#ffffff;--table-public-headerFontSize:1rem;--table-public-headerTextColor:#154bd6;--table-public-headerBgColor:#eef6ff;--table-public-bodyFontSize:1rem;--table-public-bodyTextColor:#1a1d22;--table-public-bodyBgColor:#ffffff;--button-primary-textColor:#ffffff;--button-primary-bgColor:#E65C00;--button-primary-bgColorHover:#CC5200;--button-primary-bgColorActive:#A34200;--button-primary-borderColor:transparent;--button-secondary-textColor:#1a1d22;--button-secondary-bgColor:#eef0f3;--button-secondary-bgColorHover:#dfe3e8;--button-secondary-bgColorActive:#c3c9d1;--button-secondary-borderColor:transparent;--button-outline-textColor:#1a1d22;--button-outline-bgColor:transparent;--button-outline-bgColorHover:#f7f8fa;--button-outline-bgColorActive:#eef0f3;--button-outline-borderColor:#c3c9d1;--button-ghost-textColor:#1a1d22;--button-ghost-bgColor:transparent;--button-ghost-bgColorHover:#eef0f3;--button-ghost-bgColorActive:#dfe3e8;--button-ghost-borderColor:transparent;--button-danger-textColor:#ffffff;--button-danger-bgColor:#ef4444;--button-danger-bgColorHover:#dc2626;--button-danger-bgColorActive:#dc2626;--button-danger-borderColor:transparent;--imageCard-titleFontSize:1rem;--imageCard-titleTextColor:#171717;--imageCard-descriptionFontSize:1rem;--imageCard-descriptionTextColor:#525252;--imageCard-overlayBgColor:rgba(255,255,255,0.8);--imageCard-fallbackBgColor:#FFF1E6;--imageCard-fallbackIconColor:#FF6700;--carousel-eyebrowTextColor:#FFD6B8;--carousel-titleTextColor:#FFFFFF;--carousel-descriptionTextColor:rgba(255,255,255,0.85);--carousel-topOverlayGradient:linear-gradient(180deg,rgba(0,0,0,0.55),rgba(0,0,0,0));--carousel-bottomOverlayGradient:linear-gradient(0deg,rgba(0,0,0,0.75),rgba(0,0,0,0));--carousel-arrowBgColor:rgba(255,255,255,0.9);--carousel-arrowBgColorHover:#FFFFFF;--carousel-arrowIconColor:#171717;--carousel-dotColor:rgba(255,255,255,0.5);--carousel-dotColorActive:#FF6700;--carousel-fallbackBgColor:#FFF1E6;--carousel-fallbackIconColor:#FF6700;--simpleCard-titleTextColor:#000000;--simpleCard-descriptionTextColor:#525252;--sectionHeader-titleTextColor:#000000;--sectionHeader-titleTextShadow:none;--sectionHeader-lineColor:#FF6700;--sectionHeader-lineGlowShadow:none;--pageHero-bgImage:url(/bg/bg_header_2026.png);--pageHero-bgColor:#451805;--pageHero-eyebrowTextColor:#FF6700;--pageHero-titleTextColor:#000000;--pageHero-titleAccentTextColor:#FF6700;--pageHero-subtitleTextColor:#3F4246;--pageHero-accentLineColor:#FF6700;--pageBackground-bgImage:none;--pageBackground-bgColor:#FDFDFD;--pageBackground-bgBlendMode:normal;--contentPanel-bgColor:#FFFFFF;--contentPanel-borderColor:#E5E5E5;--contentPanel-shadow:0 10px 15px -3px rgb(0 0 0/0.06),0 4px 6px -4px rgb(0 0 0/0.06);--contentPanel-backdropBlur:6px;--navbar-top-bgColor:#FFFFFF;--navbar-top-bgGradient:#FFFFFF;--navbar-top-textColor:#45484D;--navbar-top-textColorMuted:rgba(69,72,77,0.7);--navbar-top-hoverBgColor:rgba(0,0,0,0.05);--navbar-top-borderColor:#E5E5E5;--navbar-top-logoDropShadow:none;--navbar-bottom-bgColor:#FFFDFE;--navbar-bottom-textColor:#45484D;--navbar-bottom-hoverBgColor:rgba(0,0,0,0.05);--navbar-bottom-borderColor:#E5E5E5;--navbar-shadow:0 1px 2px rgba(0,0,0,0.2);--navbar-dropdownBgColor:#FFFFFF;--navbar-dropdownTextColor:#404040;--navbar-dropdownTextColorHover:#000000;--navbar-dropdownHoverBgColor:#FFF1E6;--footer-bgColor:#A60321;--footer-headingColor:#FFD6B8;--footer-textColor:rgba(255,255,255,0.85);--footer-textColorHover:#FFFFFF;--footer-borderColor:rgba(255,255,255,0.15);--footer-iconBgColor:rgba(255,255,255,0.1);--footer-iconBgColorHover:rgba(255,255,255,0.2);--footer-bottomBarBgColor:#7D0218;--footer-bottomBarTextColor:#FFFFFF;--filterPill-bgColor:#FFF1E6;--filterPill-bgColorHover:#FFD6B8;--filterPill-textColor:#525252;--filterPill-activeBgColor:#FF6700;--filterPill-activeTextColor:#FFFFFF;--readMore-headerAccentBarColor:#FF6700;--readMore-headerTitleColor:#000000;--readMore-headerSubtitleColor:#525252;--readMore-contentBgColor:#FFFFFF;--readMore-footerBgColor:#FFFFFF;--readMore-toggleBgColor:#FF6700;--readMore-toggleBgColorHover:#CC5200;--readMore-toggleTextColor:#ffffff;--readMore-listItemIconBgColor:#FFF1E6;--readMore-listItemIconColor:#FF6700;--readMore-listItemTextColor:#000000;--readMore-listItemChevronColor:#FF6700;--readMore-listItemDividerColor:#E5E5E5;--programCta-textColor:#FFFFFF;--programCta-bgColorFrom:#252923;--programCta-bgColorTo:#2F3E33;--programCta-bgColorFromHover:#1C1F1A;--programCta-bgColorToHover:#25302A;--_meta-officialBrandColors-note:Faculty of Liberal Arts official brand colors,per 1.13 identity assets (Main Colours). Wired into color.public (see below) for the public [locale] site only — color.brand/neutral remain unchanged for the admin panel.;--_meta-officialBrandColors-orange-hex:#FF6700;--_meta-officialBrandColors-orange-rgb:255,103,0;--_meta-officialBrandColors-orange-pantone:PANTONE 1505 C (Formula Guide Coated);--_meta-officialBrandColors-black-hex:#000000;--_meta-publicPalette-note:color.public is the public-site palette. Usage ratio:~50% surface/surfaceTint (#FFFFFF/#FFF1E6) backgrounds,~20% ink (#000000) text/headers,~10% focus.500 (#FF6700) for CTAs and focal accents,~20% pastel.{blue,purple,green,pink,orange} tints rotating across cards/badges/categories. gray.* is the neutral scale for borders/muted text. All public-only component token groups (sectionHeader,pageHero,pageBackground,contentPanel,navbar,filterPill,readMore,imageCard,simpleCard) source their colors from this palette.}