:root {
  --bg:          #ffffff;
  --bg-2:        #f7f7f9;
  --surface:     rgba(0,0,0,0.04);
  --surface-2:   rgba(0,0,0,0.07);
  --border:      rgba(0,0,0,0.09);
  --border-warm: rgba(255,140,0,0.35);

  --text-1:      #111118;
  --text-2:      rgba(17,17,24,0.65);
  --text-3:      rgba(17,17,24,0.42);

  --amber:       #E09500;    /* slightly darker for light bg contrast */
  --orange:      #D95C30;
  --grad:        linear-gradient(135deg, #FFB300, #FF5722);
}

body { background: var(--bg); }
body::after { display: none; } /* no grain on light theme */

/* Hide bg orbs */
.bg-scene { display: none !important; }

/* Nav: clean light bar */
.nav {
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border);
}

/* Footer */
.footer {
  background: var(--bg-2);
}

/* Page content tweaks */
.page-content h2 { border-bottom-color: var(--border); }
.page-content a  { color: var(--amber); border-bottom-color: rgba(200,130,0,.3); }

/* Body minimal scrollbar on light */
* { scrollbar-color: rgba(0,0,0,.15) transparent; }

/* App mode — clean WebView, no navigation chrome */
.app-mode .nav { display: none !important; }
.app-mode .page-header .back-link { display: none; }
.app-mode .footer { display: none !important; }
.app-mode .page-container { padding-top: 24px; }
.app-mode { padding-bottom: 0 !important; }