/* ============================================================
   Planet Solara — Effects: radius, shadow, glow, blur
   The brand glows. Elevation here is built from (1) ambient
   dark drop-shadows and (2) warm solar GLOW for live/active state.
   ============================================================ */

:root {
  /* ---- Corner radius ---- */
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   10px;   /* default control / card */
  --radius-lg:   14px;
  --radius-xl:   20px;
  --radius-2xl:  28px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* ---- Border widths ---- */
  --border-hair: 1px;
  --border-thick: 1.5px;

  /* ---- Ambient elevation (dark space drop) ---- */
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.5);
  --shadow-md:  0 4px 14px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.02) inset;
  --shadow-lg:  0 18px 48px -12px rgba(0,0,0,0.7), 0 1px 0 rgba(255,255,255,0.03) inset;
  --shadow-xl:  0 40px 90px -20px rgba(0,0,0,0.8);

  /* ---- Solar glow (live / active / focus) ---- */
  --glow-solar-sm: 0 0 0 1px color-mix(in oklab, var(--solar-500) 50%, transparent),
                   0 0 14px -2px color-mix(in oklab, var(--solar-500) 60%, transparent);
  --glow-solar-md: 0 0 24px -4px color-mix(in oklab, var(--solar-500) 70%, transparent),
                   0 0 2px color-mix(in oklab, var(--amber-500) 60%, transparent);
  --glow-solar-lg: 0 0 60px -10px color-mix(in oklab, var(--solar-500) 80%, transparent),
                   0 0 18px -6px color-mix(in oklab, var(--amber-500) 60%, transparent);
  --glow-amber:    0 0 24px -4px color-mix(in oklab, var(--amber-500) 70%, transparent);
  --glow-aurora:   0 0 22px -4px color-mix(in oklab, var(--aurora-500) 75%, transparent);
  --glow-ember:    0 0 24px -4px color-mix(in oklab, var(--ember-500) 70%, transparent);

  /* ---- Focus ring ---- */
  --focus-ring: 0 0 0 2px var(--space-900), 0 0 0 4px var(--solar-500);

  /* ---- Glass / blur ---- */
  --blur-sm: blur(8px);   /* @kind other */
  --blur-md: blur(18px);  /* @kind other */
  --blur-lg: blur(40px);  /* @kind other */
  --glass-bg:     color-mix(in oklab, var(--space-800) 72%, transparent);
  --glass-border: color-mix(in oklab, var(--white) 10%, transparent);

  /* ---- Signature gradients ---- */
  --grad-solar:    linear-gradient(135deg, var(--amber-500) 0%, var(--solar-500) 45%, var(--ember-600) 100%);
  --grad-corona:   radial-gradient(120% 120% at 30% 20%, color-mix(in oklab, var(--solar-500) 22%, transparent) 0%, transparent 55%);
  --grad-eclipse:  radial-gradient(60% 60% at 50% 50%, var(--ember-700) 0%, var(--space-void) 70%);
  --grad-rim:      linear-gradient(180deg, color-mix(in oklab, var(--white) 8%, transparent), transparent 40%);

  /* ---- Texture overlays ---- */
  --hud-grid: linear-gradient(color-mix(in oklab, var(--white) 3%, transparent) 1px, transparent 1px),
              linear-gradient(90deg, color-mix(in oklab, var(--white) 3%, transparent) 1px, transparent 1px);
  --hud-grid-size: 32px 32px;
}