/* =========================================
   SUNFLOWER GLASS SYSTEM v1 — LOCKED
   Visual Layer Only
========================================= */

:root {
  --glass-bg-base: rgba(255, 255, 255, 0.14);
  --glass-bg-strong: rgba(255, 255, 255, 0.18);

  --glass-border-base: rgba(255, 255, 255, 0.35);
  --glass-border-strong: rgba(255, 255, 255, 0.45);

  --glass-highlight: rgba(255, 255, 255, 0.6);
  --glass-gold-shadow: rgba(201, 162, 74, 0.25);
}

/* Base Glass Panel */
.glass-panel {
  position: relative;
  background: var(--glass-bg-base);
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
  border-radius: 30px;
  border: 1px solid var(--glass-border-base);
  box-shadow:
    0 25px 70px var(--glass-gold-shadow),
    inset 0 1px 0 var(--glass-highlight);
  overflow: hidden;
}

/* Elevated Glass (Hero / Main Card) */
.glass-elevated {
  position: relative;
  background: linear-gradient(
    135deg,
    rgba(255,255,255,0.22),
    rgba(255,255,255,0.10)
  );

  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);

  border-radius: 34px;
  border: 1px solid rgba(255,255,255,0.45);

  box-shadow:
    0 40px 100px rgba(201,162,74,0.35),
    0 0 1px rgba(255,255,255,0.6),
    inset 0 1px 0 rgba(255,255,255,0.75);

  overflow: hidden;
}

/* Soft Light Sheen */
.glass-panel::before,
.glass-elevated::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.6),
    rgba(255,255,255,0.05) 40%
  );
  opacity: 0.15;
  pointer-events: none;
}

/* Optional Warm Dawn Glow */
.page-glow {
  position: fixed;
  inset: 0;
  background: radial-gradient(
    circle at 50% 15%,
    rgba(255, 214, 140, 0.25),
    rgba(255, 214, 140, 0.08) 40%,
    transparent 70%
  );
  pointer-events: none;
  z-index: 0;
}

/* Fallback for browsers without backdrop-filter support */
@supports not (backdrop-filter: blur(10px)) {
  .glass-panel,
  .glass-elevated {
    background: rgba(255,255,255,0.85);
  }
}