/*! Enterprise APEX UI Kit 0.7.0 | ek-mode-light.css | forces the light theme.
   Load AFTER ek-core.css in the theme style's File URLs.
   Selector specificity (0,2,1) beats the OS media query in ek-core (0,2,0)
   but still yields to the on-page switch (data-ek-theme), so a click
   applies instantly before the next reload. */
html:root:not([data-ek-theme="dark"]) {
  /* ---- DEFAULTS (light) — used when the user has saved nothing ----------
     Keep in step with DEFAULTS in ek-theme.js and in the EK_THEME_CSS process.
     --ek-brand        = deepened version used for TEXT (white text >= 4.6:1)
     --ek-brand-fill   = the accent exactly as picked (buttons, bars, notch)
     --ek-on-brand-auto= text on the fill (#ffffff or #000000, whichever reads)
     --ek-press-to     = hover/pressed mixes toward this (opposite of the text) */
  --ek-brand:          #db3405;   /* readable version of #ff3d06 */
  --ek-brand-fill:     #ff3d06;
  --ek-on-brand-auto:  #000000;
  --ek-press-to:       #ffffff;

  color-scheme: light;

  /* Surfaces */
  --ek-bg:                  #ffffff;  /* page background                 */
  --ek-surface:             #ffffff;  /* regions, cards, dialogs         */
  --ek-surface-raised:      #ffffff;  /* menus, popovers (uses shadow)   */
  --ek-surface-sunken:      #f6f7f9;  /* table headers, read-only fields */
  --ek-surface-hover:       #f3f4f7;  /* row / menu-item hover           */
  --ek-surface-selected:    var(--ek-brand-subtle);

  /* Lines */
  --ek-border:              #e8e9ee;  /* dividers, region outlines (decorative) */
  --ek-border-strong:       #8e8e93;  /* form-control borders — 3:1 required    */

  /* Text */
  --ek-text:                #1d1d1f;
  --ek-text-muted:          #48484d;  /* labels, secondary text   */
  --ek-text-subtle:         #5f5f64;  /* help text, placeholders  */
  --ek-text-disabled:       #a1a1a6;  /* exempt from contrast     */

  /* Brand — derived */
  --ek-brand-solid:         var(--ek-brand-fill, var(--ek-brand));  /* filled primary button: the colour as picked */
  --ek-brand-text:          color-mix(in oklab, var(--ek-brand) 88%, #000);  /* links: a touch deeper, like Apple's #0066cc */
  --ek-brand-hover:         color-mix(in oklab, var(--ek-brand-solid) 86%, var(--ek-press-to, #000));   /* lighter instead when the text on it is dark */
  --ek-brand-active:        color-mix(in oklab, var(--ek-brand-solid) 74%, var(--ek-press-to, #000));
  --ek-brand-subtle:        color-mix(in oklab, var(--ek-brand) 10%, var(--ek-surface));
  --ek-brand-subtle-border: color-mix(in oklab, var(--ek-brand) 30%, var(--ek-surface));
  --ek-on-brand:            var(--ek-on-brand-auto, #ffffff);   /* white or dark, whichever reads on the fill */

  /* Status — foreground (text/icons) and tinted background */
  --ek-success:             var(--ek-success-base);
  --ek-warning:             var(--ek-warning-base);
  --ek-danger:              var(--ek-danger-base);
  --ek-info:                var(--ek-info-base);
  --ek-success-subtle:      color-mix(in oklab, var(--ek-success-base) 10%, var(--ek-surface));
  --ek-warning-subtle:      color-mix(in oklab, var(--ek-warning-base) 12%, var(--ek-surface));
  --ek-danger-subtle:       color-mix(in oklab, var(--ek-danger-base) 10%, var(--ek-surface));
  --ek-info-subtle:         color-mix(in oklab, var(--ek-info-base) 10%, var(--ek-surface));
  --ek-on-status:           #ffffff;  /* text on solid status fills */

  /* Focus */
  --ek-focus-ring:          var(--ek-brand);
  --ek-focus-width:         2px;
  --ek-focus-offset:        2px;

  /* Elevation — restrained */
  --ek-shadow-1: 0 1px 2px rgb(0 0 0 / 0.04);
  --ek-shadow-2: 0 4px 16px rgb(0 0 0 / 0.08), 0 1px 3px rgb(0 0 0 / 0.04);
  --ek-shadow-3: 0 20px 48px rgb(0 0 0 / 0.16), 0 4px 12px rgb(0 0 0 / 0.06);
  --ek-overlay:  rgb(15 20 26 / 0.45);
  --ek-shadow-card: 0 1px 3px rgb(0 0 0 / 0.04), 0 4px 14px rgb(0 0 0 / 0.04);
  --ek-shadow-brand: 0 1px 2px color-mix(in oklab, var(--ek-brand) 35%, transparent);
  --ek-focus-halo: 0 0 0 3px color-mix(in oklab, var(--ek-brand) 22%, transparent);
  --ek-glass: color-mix(in oklab, var(--ek-bg) 72%, transparent);
  /* Liquid glass (0.7.0). --ek-fx = glass strength 0..1, set by the slider */
  --ek-fx:                0;      /* DEFAULT glass for light: 0 (flat) */
  --ek-hover-tint:        rgb(15 23 42 / 0.05);
  /* 0.7.0 rev. 9 — see-through tuning (all scale with the slider) */
  --ek-gloss:             min(var(--ek-fx), calc(1.517 - 1.167 * var(--ek-fx)));    /* reflections peak at 70, half at 100 */
  --ek-glass-bar:         rgb(255 255 255 / min(calc(1 - 0.85 * var(--ek-fx)), calc(1.35 * (1 - var(--ek-fx)))));  /* header: wallpaper shows */
  --ek-glass-menu:        rgb(255 255 255 / calc(1 - 0.40 * var(--ek-fx)));   /* popups/panels: never below 60% (readable) */
  --ek-field-bg:          rgb(255 255 255 / max(0.40, min(calc(1 - 0.62 * var(--ek-fx)), calc(1.887 * (1 - var(--ek-fx))))));
  --ek-halo:              rgb(255 255 255 / calc(0.85 * var(--ek-fx)));       /* soft glow behind text on clear glass */
  --ek-lift:              calc(1 + 0.10 * var(--ek-fx));                     /* light glass brightens what is behind it */
  --ek-overlay-dim:       rgb(15 20 40 / min(calc(0.32 - 0.14 * var(--ek-fx)), calc(0.74 * (1 - var(--ek-fx)))));

  /* Pillars (named after Oracle Redwood's pillar colours; kit's own tones,
     deep enough for white text at every glass level). Selected by setting
     --ek-pillar on <html>; when it is not set, every --ek-pillar-* token
     below is invalid and the normal look is used (var() fallbacks). */
  --ek-p-neutral: #3a3531;  --ek-p-slate: #33414f;  --ek-p-pebble: #463f38;  --ek-p-sienna: #6e321f;
  --ek-p-pine:    #264b39;  --ek-p-teal:  #184f54;  --ek-p-ocean:  #1f4266;  --ek-p-lilac:  #4c3e72;
  --ek-p-plum:    #5c304e;  --ek-p-rose:  #773243;
  --ek-pillar-glass:        color-mix(in srgb, var(--ek-pillar) calc(100% - 10% * var(--ek-fx)), transparent);
  --ek-pillar-sheen:        linear-gradient(180deg, color-mix(in srgb, var(--ek-pillar) 0%, rgb(255 255 255 / 0.10)), rgb(255 255 255 / 0) 55%);
  --ek-pillar-ink:          color-mix(in srgb, var(--ek-pillar) 0%, #ffffff);
  --ek-pillar-ink-muted:    color-mix(in srgb, var(--ek-pillar) 6%, #ffffff);
  --ek-pillar-ink-subtle:   color-mix(in srgb, var(--ek-pillar) 22%, #ffffff);
  --ek-pillar-tint:         color-mix(in srgb, var(--ek-pillar) 0%, rgb(255 255 255 / 0.10));
  --ek-pillar-bubble:       color-mix(in srgb, var(--ek-pillar) 0%, rgb(255 255 255 / 0.14));
  --ek-pillar-bubble-shadow: inset 0 1px 0 color-mix(in srgb, var(--ek-pillar) 0%, rgb(255 255 255 / 0.28)), 0 4px 12px rgb(0 0 0 / 0.18);
  --ek-pillar-guide:        color-mix(in srgb, var(--ek-pillar) 0%, rgb(255 255 255 / 0.30));
  --ek-pillar-moon:         color-mix(in srgb, var(--ek-pillar) 0%, #e3e6ff);

  --ek-glass-bg:          rgb(255 255 255 / min(calc(1 - 0.62 * var(--ek-fx)), calc(1.887 * (1 - var(--ek-fx)))));
  --ek-glass-bg-strong:   rgb(255 255 255 / min(calc(1 - 0.45 * var(--ek-fx)), calc(2.283 * (1 - var(--ek-fx)))));
  --ek-glass-border:      rgb(255 255 255 / calc(0.85 * var(--ek-fx)));
  --ek-glass-sheen:       linear-gradient(180deg, rgb(255 255 255 / calc(0.70 * var(--ek-gloss))) 0%, rgb(255 255 255 / 0) 38%, rgb(0 0 0 / calc(0.025 * var(--ek-gloss))) 100%);
  --ek-glass-specular:    radial-gradient(140% 90% at 25% -30%, rgb(255 255 255 / calc(0.95 * var(--ek-gloss))), transparent 55%);
  --ek-glass-highlight:   inset 1px 1px 0 rgb(255 255 255 / calc(0.95 * var(--ek-fx))), inset -1px -1px 0 rgb(255 255 255 / calc(0.35 * var(--ek-fx))), inset 0 0 18px rgb(255 255 255 / calc(0.35 * var(--ek-fx)));
  --ek-glass-shadow:      0 1px 2px rgb(0 0 0 / calc(0.04 * var(--ek-fx))), 0 10px 30px rgb(30 40 70 / calc(0.10 * var(--ek-fx)));
  --ek-page-texture:      none;
  /* Liquid "bubble" shown on hover (menu items, buttons, links) */
  --ek-bubble-bg:         rgb(255 255 255 / calc(0.55 + 0.4 * var(--ek-fx)));
  --ek-bubble-shadow:     inset 0 1px 0 rgb(255 255 255 / calc(1 * var(--ek-fx))), inset 0 0 0 1px rgb(0 0 0 / calc(0.06 * var(--ek-fx))), 0 6px 16px rgb(0 0 0 / calc(0.10 * var(--ek-fx))), 0 1px 3px rgb(0 0 0 / calc(0.06 * var(--ek-fx)));
  /* Wallpapers behind the liquid glass (chosen in Display settings) */
  --ek-wall-none: none;
  --ek-wall-mist: radial-gradient(70vw 60vh at 10% 0%, #eef2fb, transparent 70%),
                          radial-gradient(60vw 55vh at 95% 15%, #f7eff7, transparent 70%),
                          radial-gradient(70vw 60vh at 60% 105%, #ecf7f3, transparent 70%),
                          #f6f7fa;
  --ek-wall-aurora: radial-gradient(70vw 60vh at 10% 0%, #e3ebff, transparent 70%),
                          radial-gradient(60vw 55vh at 95% 15%, #f1e4ff, transparent 70%),
                          radial-gradient(70vw 60vh at 60% 105%, #def6ee, transparent 70%),
                          #f5f7fc;
  --ek-wall-ocean: radial-gradient(70vw 60vh at 10% 0%, #dcefff, transparent 70%),
                          radial-gradient(60vw 55vh at 95% 15%, #e0f6ff, transparent 70%),
                          radial-gradient(70vw 60vh at 60% 105%, #e8eeff, transparent 70%),
                          #f3f9fd;
  --ek-wall-sunset: radial-gradient(70vw 60vh at 10% 0%, #ffe6da, transparent 70%),
                          radial-gradient(60vw 55vh at 95% 15%, #ffe2ee, transparent 70%),
                          radial-gradient(70vw 60vh at 60% 105%, #fff3d9, transparent 70%),
                          #fff9f5;
  --ek-wall: var(--ek-wall-none);   /* DEFAULT wallpaper for light: none */
  --ut-color-scheme: light;
  color-scheme: light;
}