/* Execelia Design System V3: Executive Glass (Oct 2026).
   Supporting colours, three glass materials and four lighting environments.
   PDF-safe: each material reads as glass WITHOUT backdrop-filter (layered gradient fill, light border, inset highlight, navy shadow).
   backdrop-filter is only an on-screen enhancement. */
:root{
/* Supporting colours (brand navy #253772 and blue #2C5CB0 unchanged) */
--ex-electric:#3D7DF2;--ex-cyan:#6FD3F0;--ex-ice:#A9C4F2;
--ex-cool-gray:#E8ECF2;--ex-cool-gray-200:#D5DCE6;--ex-slate:#56617A;
--ex-navy-black:#0B1433;--ex-offwhite-cool:#F6F8FB;
--ex-electric-rgb:61 125 242; /* @kind other */
--ex-cyan-rgb:111 211 240; /* @kind other */
/* Semantic */
--text-on-glass-dark:#FFFFFF;--text-on-glass-dark-muted:rgba(255,255,255,.78);--text-supporting:var(--ex-slate);--text-eyebrow-dark:var(--ex-ice);--text-eyebrow-light:var(--ex-blue);
--glass-radius:16px;--glass-radius-lg:24px;--glass-radius-sm:10px;
--glass-blur:24px; /* @kind other */
/* A. Executive Frosted Glass (default, content panels on light or mid grounds) */
--glass-frosted-fill:linear-gradient(145deg,rgba(255,255,255,.86) 0%,rgba(255,255,255,.62) 100%); /* @kind other */
--glass-frosted-border:rgba(37,55,114,.10);
--glass-frosted-shadow:0 24px 60px -24px rgba(26,39,84,.30),0 2px 6px rgba(26,39,84,.06),inset 0 1px 0 rgba(255,255,255,1);
/* B. Premium Dark Glass (navy grounds, covers, separators) */
--glass-dark-fill:linear-gradient(150deg,rgba(110,160,250,.24) 0%,rgba(34,54,120,.42) 45%,rgba(12,22,58,.62) 100%); /* @kind other */
--glass-dark-border:rgba(160,198,255,.32);
--glass-dark-shadow:0 40px 80px -30px rgba(4,8,28,.75),inset 0 1px 0 rgba(255,255,255,.24),inset 0 0 0 1px rgba(255,255,255,.03);
/* C. Light Architectural Glass (milky, for white / ivory compositions) */
--glass-light-fill:linear-gradient(160deg,rgba(238,242,249,.92) 0%,rgba(214,222,236,.70) 100%); /* @kind other */
--glass-light-border:rgba(255,255,255,.85);
--glass-light-shadow:0 18px 40px -20px rgba(37,55,114,.24),inset 0 1px 0 #FFFFFF,inset 0 -1px 0 rgba(37,55,114,.07);
}
.ex-glass{position:relative;border-radius:var(--glass-radius);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ex-glass-frosted{background:var(--glass-frosted-fill);border:1px solid var(--glass-frosted-border);box-shadow:var(--glass-frosted-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);backdrop-filter:blur(var(--glass-blur)) saturate(140%);color:var(--text-body)}
.ex-glass-dark{background:var(--glass-dark-fill);border:1px solid var(--glass-dark-border);box-shadow:var(--glass-dark-shadow);-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%);color:#FFFFFF}
.ex-glass-light{background:var(--glass-light-fill);border:1px solid var(--glass-light-border);box-shadow:var(--glass-light-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--text-body)}
/* Lighting environments. Controls: --env-x, --env-y (light source), --env-intensity (0.6–1.3). */
.ex-env-dark,.ex-env-spotlight,.ex-env-light,.ex-env-hybrid{position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact;--_i:var(--env-intensity,1)}
/* Dark: navy base, large directional royal/electric-blue field + cyan counter-light + vignette. Clearly visible, also in PDF. */
.ex-env-dark{--_x:var(--env-x,82%);--_y:var(--env-y,14%);background-color:#1A2754;color:#FFFFFF;background-image:radial-gradient(ellipse 72% 95% at var(--_x) var(--_y),rgb(61 125 242 / calc(.55 * var(--_i))) 0%,rgb(44 92 176 / calc(.30 * var(--_i))) 38%,rgb(37 55 114 / 0) 72%),radial-gradient(ellipse 46% 60% at calc(100% - var(--_x)) calc(100% - var(--_y)),rgb(111 211 240 / calc(.16 * var(--_i))) 0%,rgb(111 211 240 / 0) 70%),radial-gradient(ellipse 110% 100% at 50% 50%,rgb(11 20 51 / 0) 45%,rgb(11 20 51 / .7) 100%),linear-gradient(150deg,#253772 0%,#1A2754 60%,#0B1433 100%)}
/* Dark spotlight: featured focal pool for separators and hero artwork. */
.ex-env-spotlight{--_x:var(--env-x,68%);--_y:var(--env-y,48%);background-color:#14204A;color:#FFFFFF;background-image:radial-gradient(ellipse 44% 62% at var(--_x) var(--_y),rgb(90 150 255 / calc(.62 * var(--_i))) 0%,rgb(61 125 242 / calc(.34 * var(--_i))) 32%,rgb(37 55 114 / 0) 70%),radial-gradient(ellipse 30% 40% at calc(var(--_x) + 8%) calc(var(--_y) - 14%),rgb(111 211 240 / calc(.22 * var(--_i))) 0%,rgb(111 211 240 / 0) 70%),radial-gradient(ellipse 100% 100% at 50% 50%,rgb(11 20 51 / 0) 40%,rgb(11 20 51 / .8) 100%),linear-gradient(160deg,#253772 0%,#162350 100%)}
/* Light: cool white, soft blue-grey illumination, navy-tinted depth. Never white-on-white flat. */
.ex-env-light{--_x:var(--env-x,92%);--_y:var(--env-y,0%);background-color:#F6F8FB;color:var(--text-body);background-image:radial-gradient(ellipse 62% 80% at var(--_x) var(--_y),rgb(61 125 242 / calc(.16 * var(--_i))) 0%,rgb(61 125 242 / 0) 70%),radial-gradient(ellipse 50% 60% at calc(100% - var(--_x)) calc(100% - var(--_y)),rgb(111 211 240 / calc(.13 * var(--_i))) 0%,rgb(111 211 240 / 0) 70%),linear-gradient(180deg,#FFFFFF 0%,#EDF1F7 100%)}
/* Hybrid: light canvas with a deep-blue light field bleeding in from one edge. */
.ex-env-hybrid{--_x:var(--env-x,0%);--_y:var(--env-y,50%);background-color:#F3F6FA;color:var(--text-body);background-image:radial-gradient(ellipse 58% 120% at var(--_x) var(--_y),rgb(37 55 114 / calc(.92 * var(--_i))) 0%,rgb(44 92 176 / calc(.55 * var(--_i))) 30%,rgb(61 125 242 / calc(.16 * var(--_i))) 55%,rgb(61 125 242 / 0) 78%),linear-gradient(180deg,#FFFFFF 0%,#E9EEF5 100%)}