/* =========================================
   Radar Landing Surface Layer
   File: /radar/assets/landing.surface.css
   Scope: only global panel material (shadow + gradient)
   Purpose: stays stable even when landing.css keeps growing
   ========================================= */


/* -------------------------------------------------
   Dark theme — soft top-left glow + subtle highlight
   ------------------------------------------------- */

html:not([data-theme="light"]) .lp-panel {
  background-image: radial-gradient(
    140% 140% at 0% 0%,
    rgba(255,255,255,.075) 0%,
    rgba(255,255,255,.035) 18%,
    rgba(255,255,255,0) 58%
  );

  background-repeat: no-repeat;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    var(--shadow);
}


/* -------------------------------------------------
   Light theme — faint blue surface + depth gradient
   ------------------------------------------------- */

html[data-theme="light"] .lp-panel {
  background-color: #f7fbff;

  background-image: radial-gradient(
    165% 165% at 0% 0%,
    rgba(15,23,42,.065) 0%,
    rgba(15,23,42,.03) 22%,
    rgba(15,23,42,0) 64%
  );

  background-repeat: no-repeat;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -1px 0 rgba(15,23,42,.018),
    var(--shadow);
}


/* -------------------------------------------------
   Light theme page background
   ------------------------------------------------- */

html[data-theme="light"] body {
  background: #eef1f5;
}