/* Execelia background families + ambient lighting presets (approved Oct 2026).
   Family 01 Executive White: no lighting by default.
   Family 02 Executive Navy: optional soft blue light. Glow is a derived lighter brand blue, never a new hue.
   All effects are pure CSS gradients (no filters/blur) so they render identically in HTML, responsive layouts and PDF. */
:root{
--ex-glow:#68A0E8;
--ex-glow-rgb:104 160 232; /* @kind other */
--ex-glow-deep-rgb:26 39 84; /* @kind other */
--glow-corner-opacity:.12; /* @kind other */
--glow-spotlight-opacity:.18; /* @kind other */
--glow-halo-opacity:.14; /* @kind other */
--surface-executive-white:#FFFFFF;
--surface-executive-offwhite:var(--ex-ivory);
--surface-executive-navy:var(--ex-navy);
}
.ex-bg-white{background-color:var(--surface-executive-white);color:var(--text-body)}
.ex-bg-offwhite{background-color:var(--surface-executive-offwhite);color:var(--text-body)}
.ex-bg-navy{background-color:var(--surface-executive-navy);color:#FFFFFF}
.ex-light-corner,.ex-light-spotlight,.ex-light-halo{-webkit-print-color-adjust:exact;print-color-adjust:exact;--_i:var(--glow-intensity,1);--_s:var(--glow-scale,1)}
/* 1 · Soft Corner Glow, DEFAULT (8–15%). Main source + faint counter-light on the opposite corner. */
.ex-light-corner{--_o:calc(var(--glow-opacity,var(--glow-corner-opacity)) * var(--_i));--_x:var(--glow-x,0%);--_y:var(--glow-y,100%);
background-image:radial-gradient(ellipse calc(78% * var(--_s)) calc(105% * var(--_s)) at var(--_x) var(--_y),rgb(var(--ex-glow-rgb) / var(--_o)) 0%,rgb(var(--ex-glow-rgb) / calc(var(--_o) * .62)) 30%,rgb(var(--ex-glow-rgb) / calc(var(--_o) * .18)) 56%,rgb(var(--ex-glow-rgb) / 0) 76%),radial-gradient(ellipse calc(42% * var(--_s)) calc(60% * var(--_s)) at calc(100% - var(--_x)) calc(100% - var(--_y)),rgb(var(--ex-glow-rgb) / calc(var(--_o) * .35)) 0%,rgb(var(--ex-glow-rgb) / 0) 72%)}
/* 2 · Atmospheric Spotlight, FEATURED (12–22%). Large diffused pool around a focal area + gentle edge falloff. */
.ex-light-spotlight{--_o:calc(var(--glow-opacity,var(--glow-spotlight-opacity)) * var(--_i));--_x:var(--glow-x,68%);--_y:var(--glow-y,40%);
background-image:radial-gradient(ellipse calc(58% * var(--_s)) calc(82% * var(--_s)) at var(--_x) var(--_y),rgb(var(--ex-glow-rgb) / var(--_o)) 0%,rgb(var(--ex-glow-rgb) / calc(var(--_o) * .6)) 26%,rgb(var(--ex-glow-rgb) / calc(var(--_o) * .22)) 52%,rgb(var(--ex-glow-rgb) / 0) 80%),radial-gradient(ellipse 85% 85% at 50% 50%,rgb(var(--ex-glow-deep-rgb) / 0) 60%,rgb(var(--ex-glow-deep-rgb) / calc(.45 * var(--_i))) 100%)}
/* 3 · Radial Halo, SPECIAL (10–18%). Circular core + soft luminous ring; works whole or partially cropped. */
.ex-light-halo{--_o:calc(var(--glow-opacity,var(--glow-halo-opacity)) * var(--_i));--_x:var(--glow-x,50%);--_y:var(--glow-y,58%);
background-image:radial-gradient(circle farthest-side at var(--_x) var(--_y),rgb(var(--ex-glow-rgb) / var(--_o)) 0%,rgb(var(--ex-glow-rgb) / calc(var(--_o) * .62)) calc(22% * var(--_s)),rgb(var(--ex-glow-rgb) / calc(var(--_o) * .2)) calc(46% * var(--_s)),rgb(var(--ex-glow-rgb) / 0) calc(68% * var(--_s))),radial-gradient(circle farthest-side at var(--_x) var(--_y),rgb(var(--ex-glow-rgb) / 0) calc(40% * var(--_s)),rgb(var(--ex-glow-rgb) / calc(var(--_o) * .5)) calc(45% * var(--_s)),rgb(var(--ex-glow-rgb) / 0) calc(52% * var(--_s))),radial-gradient(ellipse 90% 90% at 50% 50%,rgb(var(--ex-glow-deep-rgb) / 0) 55%,rgb(var(--ex-glow-deep-rgb) / calc(.5 * var(--_i))) 100%)}