/* Light theme for canonical pages. Dark copies live as *-black.html. */

html.theme-light {
	--background: #f7fbff;
	--bodyText: #14233d;
	--panel-background: #ffffff;
	--panel-gradient: linear-gradient(160deg, #ffffff 0%, #f4fbff 100%);
	--accent-background: #14233d;
	--accent-text: #ffffff;
	--control-surface: rgba(255, 255, 255, 0.78);
	--control-surface-strong: rgba(255, 255, 255, 0.94);
	--control-border: rgba(20, 35, 61, 0.14);
	background-color: #f7fbff;
	color-scheme: light;
}

html.theme-light,
html.theme-light body {
	background-color: transparent;
	color: #14233d;
}

html.theme-light a {
	color: #0f6f86;
}

html.theme-light body::before {
	background:
		radial-gradient(ellipse 82% 68% at 6% 0%, rgba(168, 236, 216, 0.95) 0%, rgba(168, 236, 216, 0) 62%),
		radial-gradient(ellipse 74% 58% at 98% 8%, rgba(186, 214, 255, 0.82) 0%, rgba(186, 214, 255, 0) 58%),
		radial-gradient(ellipse 90% 64% at 82% 102%, rgba(255, 214, 154, 0.92) 0%, rgba(255, 214, 154, 0) 64%),
		radial-gradient(ellipse 52% 42% at 4% 86%, rgba(176, 228, 255, 0.55) 0%, rgba(176, 228, 255, 0) 55%),
		linear-gradient(168deg, #eef9ff 0%, #ffffff 44%, #fff4e4 100%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	filter: blur(72px);
	inset: -16%;
	transform: translate3d(0, 0, 0);
	z-index: -2;
}

html.theme-light body::after {
	background: rgba(255, 255, 255, 0.12);
	content: "";
	inset: 0;
	pointer-events: none;
	position: fixed;
	z-index: -1;
}

html.is-iphone.theme-light body::after {
	background:
		linear-gradient(to bottom, #f7fbff 0, rgba(247, 251, 255, 0.72) 18%, rgba(247, 251, 255, 0) 36%),
		linear-gradient(to top, #fff7ec 0, rgba(255, 247, 236, 0.7) 16%, rgba(255, 247, 236, 0) 34%),
		rgba(255, 255, 255, 0.22);
}

html.theme-light .dmt-redesign[data-theme="studio"] {
	--surface: transparent;
	--panel: #ffffff;
	--ink: #14233d;
	--accent: #1aa7bc;
	--accent-ink: #ffffff;
	--dark-surface: #eef6fb;
	--studio-muted: #5d6d82;
	--studio-line: rgba(20, 35, 61, 0.1);
	--studio-violet: #6b5ca5;
	--studio-dark-line: rgba(20, 35, 61, 0.12);
	color: #14233d;
	background: transparent;
}

html.theme-light .container > header,
html.theme-light body[data-page="works"] .header,
html.theme-light .dmt-redesign[data-theme="studio"] .container > header {
	background: rgba(255, 255, 255, 0.62);
	border-bottom: 1px solid rgba(20, 35, 61, 0.08);
	color: #14233d;
	backdrop-filter: blur(16px) saturate(140%);
}

html.theme-light .header-logo img {
	filter: none;
}

html.theme-light .site-nav a {
	color: rgba(20, 35, 61, 0.62);
}

html.theme-light .site-nav a:hover,
html.theme-light .site-nav a:focus-visible,
html.theme-light .site-nav a[aria-current="page"] {
	color: #14233d;
}

html.theme-light .site-nav a[aria-current="page"]::after {
	box-shadow: none;
}

html.theme-light .container > header .catalogue-heading-section,
html.theme-light .container > header h3 {
	color: rgba(20, 35, 61, 0.68);
}

html.theme-light .language-trigger,
html.theme-light .catalogue-status button {
	background: rgba(255, 255, 255, 0.72);
	border-color: rgba(20, 35, 61, 0.16);
	color: #14233d;
}

html.theme-light .language-menu {
	background: rgba(255, 255, 255, 0.96);
	border-color: rgba(20, 35, 61, 0.12);
	box-shadow: 0 16px 40px rgba(20, 35, 61, 0.12);
}

html.theme-light .language-menu button {
	color: #14233d;
}

html.theme-light .language-menu button:hover,
html.theme-light .language-menu button:focus-visible {
	background: rgba(26, 167, 188, 0.1);
}

html.theme-light .dmt-redesign .hero-stage-programme {
	background: transparent;
}

html.theme-light .dmt-redesign .hero-copy-panel,
html.theme-light .dmt-redesign .hero-title,
html.theme-light .dmt-redesign .hero-brand,
html.theme-light .dmt-redesign .hero-lead-extra {
	color: #14233d;
}

html.theme-light .dmt-redesign .hero-brand {
	opacity: 0.7;
}

html.theme-light .dmt-redesign .hero-kicker {
	color: #0f6f86;
}

html.theme-light .dmt-redesign[data-theme="studio"] .hero-button {
	background: #14233d;
	border-color: #14233d;
	color: #ffffff;
}

html.theme-light .dmt-redesign[data-theme="studio"] .hero-button-ghost {
	background: rgba(255, 255, 255, 0.55);
	border-color: rgba(20, 35, 61, 0.18);
	color: #14233d;
}

html.theme-light .dmt-redesign[data-theme="studio"] .hero-button:hover,
html.theme-light .dmt-redesign[data-theme="studio"] .hero-button:focus-visible {
	filter: none;
	background: #1aa7bc;
	border-color: #1aa7bc;
	color: #ffffff;
}

html.theme-light .dmt-redesign[data-theme="studio"] .hero-button-ghost:hover,
html.theme-light .dmt-redesign[data-theme="studio"] .hero-button-ghost:focus-visible {
	border-color: #1aa7bc;
	color: #0f6f86;
}

html.theme-light .dmt-redesign .hero-art-main,
html.theme-light .dmt-redesign .hero-art-thumb {
	background: #ffffff;
	border-color: rgba(20, 35, 61, 0.1);
	box-shadow: 0 14px 36px rgba(20, 35, 61, 0.08);
}

html.theme-light .dmt-redesign .hero-art-main::before,
html.theme-light .dmt-redesign .hero-art-main::after {
	border-color: rgba(26, 167, 188, 0.7);
}

html.theme-light .dmt-redesign[data-theme="studio"] .studio-event-media,
html.theme-light .dmt-redesign .project-teaser-media {
	background: #e8f2f6;
}

html.theme-light .dmt-redesign[data-theme="studio"] .studio-event-media.is-empty {
	color: #5d6d82;
}

html.theme-light .dmt-redesign[data-theme="studio"] .studio-event-themes li {
	background: rgba(26, 167, 188, 0.1);
	color: #0f6f86;
}

html.theme-light footer img {
	filter: none;
}

html.theme-light .footer-social-link:focus-visible {
	outline-color: #1aa7bc;
}

@media screen and (max-width: 56.25em) {
	html.theme-light body[data-page="works"] .nav-toggle {
		border-color: rgba(20, 35, 61, 0.18);
		color: #14233d;
	}
}

@media (hover: hover) and (pointer: fine) {
	html.theme-light .dmt-redesign .hero-art-main:hover,
	html.theme-light .dmt-redesign .hero-art-thumb:hover,
	html.theme-light .dmt-redesign .project-teaser:hover,
	html.theme-light .dmt-redesign[data-theme="studio"] .studio-event-card:hover {
		border-color: rgba(26, 167, 188, 0.45);
	}
}

html.theme-light .dmt-redesign[data-theme="studio"] .studio-section,
html.theme-light .dmt-redesign[data-theme="studio"] .studio-section .landing-heading,
html.theme-light .dmt-redesign[data-theme="studio"] .studio-section-lead {
	color: #14233d;
}

html.theme-light .dmt-redesign[data-theme="studio"] .studio-section-lead {
	color: #5d6d82;
}

html.theme-light .dmt-redesign[data-theme="studio"] .studio-section + .studio-section {
	border-top-color: rgba(20, 35, 61, 0.08);
}

html.theme-light .dmt-redesign .project-teaser,
html.theme-light .dmt-redesign[data-theme="studio"] .studio-event-card,
html.theme-light .dmt-redesign[data-theme="studio"] .studio-learning-card,
html.theme-light .dmt-redesign[data-theme="studio"] .studio-ai-item,
html.theme-light .dmt-redesign[data-theme="studio"] .studio-ai-pending {
	background: rgba(255, 255, 255, 0.82);
	border-color: rgba(20, 35, 61, 0.1);
	box-shadow: 0 12px 32px rgba(20, 35, 61, 0.06);
	color: #14233d;
}

html.theme-light .dmt-redesign .project-teaser-media,
html.theme-light .dmt-redesign .project-teaser-media.is-contain {
	background: #eef4f8;
}

html.theme-light .dmt-redesign .project-teaser-desc,
html.theme-light .dmt-redesign[data-theme="studio"] .studio-learning-summary,
html.theme-light .dmt-redesign[data-theme="studio"] .studio-ai-meta {
	color: #5d6d82;
}

html.theme-light .dmt-redesign .project-teaser-topics li {
	background: rgba(26, 167, 188, 0.1);
	border-color: rgba(26, 167, 188, 0.22);
	color: #0f6f86;
}

html.theme-light .dmt-redesign[data-theme="studio"] .studio-section-more a,
html.theme-light .works-library-intro .studio-section-more a {
	color: #0f6f86;
}

html.theme-light .works-library-heading {
	color: #14233d;
}

html.theme-light .works-library-lead {
	color: #5d6d82;
}

html.theme-light .grid figcaption {
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 12px 28px rgba(20, 35, 61, 0.08);
}

html.theme-light .grid-item:focus-visible {
	outline-color: #1aa7bc;
}

html.theme-light .grid-gallery figcaption h3,
html.theme-light .grid-gallery figcaption p,
html.theme-light .captionKind,
html.theme-light .captionSubtitle {
	color: #14233d;
}

html.theme-light .grid-gallery figcaption p,
html.theme-light .captionKind,
html.theme-light .captionSubtitle {
	opacity: 0.72;
}

html.theme-light .catalogue-status p {
	color: #5d6d82;
}

html.theme-light .catalogue-status-error {
	background: rgba(255, 255, 255, 0.78);
}

html.theme-light footer,
html.theme-light .dmt-redesign[data-theme="studio"] footer {
	background: rgba(255, 255, 255, 0.55);
	border-top: 1px solid rgba(20, 35, 61, 0.08);
}

html.theme-light .departmentContainer,
html.theme-light .footer-social-link,
html.theme-light .footer-social-link:hover {
	color: #14233d;
}

html.theme-light .footer-social-link {
	border-color: rgba(20, 35, 61, 0.18);
}

html.theme-light .footer-social-link:hover {
	background: rgba(26, 167, 188, 0.1);
}

html.theme-light .dmt-redesign :focus-visible,
html.theme-light .dmt-redesign .hero-button:focus-visible,
html.theme-light .dmt-redesign .hero-art-main:focus-visible,
html.theme-light .dmt-redesign .hero-art-thumb:focus-visible,
html.theme-light .dmt-redesign .project-teaser:focus-visible {
	outline-color: #1aa7bc;
}

html.theme-light .landing-heading,
html.theme-light .landing-lead,
html.theme-light .atlas-mark,
html.theme-light .atlas-identity,
html.theme-light .atlas-index,
html.theme-light .course-map,
html.theme-light .course-page,
html.theme-light .centre-page,
html.theme-light .activity-shell,
html.theme-light .tutorials-shell,
html.theme-light .project-shell {
	color: #14233d;
}

html.theme-light .landing-kicker,
html.theme-light .landing-lead,
html.theme-light .atlas-identity-summary {
	color: #5d6d82;
}

html.theme-light .activity-card,
html.theme-light .activity-article {
	background: rgba(255, 255, 255, 0.86);
	border-color: rgba(20, 35, 61, 0.1);
	box-shadow: 0 12px 32px rgba(20, 35, 61, 0.06);
	color: #14233d;
}

html.theme-light .activity-card:hover {
	border-color: rgba(26, 167, 188, 0.45);
}

html.theme-light .activity-year,
html.theme-light .activity-status {
	border-color: rgba(20, 35, 61, 0.16);
	color: #14233d;
}

html.theme-light .activity-status {
	border-color: rgba(26, 167, 188, 0.45);
	color: #0f6f86;
}

html.theme-light .activity-summary,
html.theme-light .activity-organizers,
html.theme-light .activity-section-lead,
html.theme-light .activity-highlights li {
	color: #3d4f66;
}

html.theme-light .activity-section-title {
	color: #14233d;
}

html.theme-light .activity-themes li {
	background: rgba(26, 167, 188, 0.12);
	color: #14233d;
}

html.theme-light .activity-highlights li::before {
	color: #1aa7bc;
}

html.theme-light .tech-tag {
	border-color: rgba(20, 35, 61, 0.16);
	color: #14233d;
}

html.theme-light .kind-filter {
	background: rgba(255, 255, 255, 0.72);
	border-color: rgba(20, 35, 61, 0.16);
	color: #14233d;
}

html.theme-light .kind-filter[aria-pressed="true"] {
	background: #14233d;
	color: #ffffff;
}

html.theme-light .atlas-board,
html.theme-light .atlas-pillars li,
html.theme-light .theme-related-row .project-teaser {
	background: rgba(255, 255, 255, 0.82);
	border-color: rgba(20, 35, 61, 0.1);
	color: #14233d;
}

html.theme-light .atlas-index {
	color: #5d6d82;
}

html.theme-light .atlas-admission a,
html.theme-light .atlas-example {
	border-color: rgba(20, 35, 61, 0.18);
	color: #14233d;
}

html.theme-light .atlas-admission a:hover,
html.theme-light .atlas-example:hover {
	background: rgba(26, 167, 188, 0.1);
	color: #0f6f86;
}

html.theme-light .theme-related-row .project-teaser-desc,
html.theme-light .theme-format-list li {
	color: #5d6d82;
}

html.theme-light .theme-format-list li {
	background: rgba(26, 167, 188, 0.1);
}

html.theme-light .theme-capstone-cta {
	background: #1aa7bc;
	color: #ffffff;
}

html.theme-light .dmt-redesign[data-theme="studio"] .centre-venue-slider {
	background: #e8f2f6;
	border-color: rgba(20, 35, 61, 0.1);
}

html.theme-light .dmt-redesign[data-theme="studio"] .centre-facility-code {
	color: #0f6f86;
}

html.theme-light .language-trigger:focus-visible,
html.theme-light .language-menu button:focus-visible,
html.theme-light .catalogue-status button:focus-visible {
	outline-color: #1aa7bc;
}

html.theme-light .detail-dialog,
html.theme-light .project-shell {
	color: #14233d;
}

html.theme-light .project-article,
html.theme-light .detail-panel {
	background: rgba(255, 255, 255, 0.94);
	border-color: rgba(20, 35, 61, 0.1);
	box-shadow: 0 18px 48px rgba(20, 35, 61, 0.1);
	color: #14233d;
}

html.theme-light .detail-project-prev,
html.theme-light .detail-project-next,
html.theme-light .detail-close,
html.theme-light .image-controls button {
	color: #14233d;
}

@media (prefers-reduced-motion: reduce) {
	html.theme-light body::before {
		filter: blur(40px);
	}
}