/* Theme Pack: aurora
   - Soft glass cards
   - Aurora accent (teal -> violet)
*/

:root{
  --bg: #fbfcff;
  --card: rgba(255,255,255,.78);
  --text: #0b1220;
  --muted: #3f5068;
  --border: rgba(17,24,39,.14);
  --shadow: 0 18px 54px rgba(2,6,23,.12);

  --accent: #0ea5e9;           /* sky-500 */
  --accent-hover: #0284c7;     /* sky-600 */
  --accent-soft: rgba(14,165,233,.14);

  --radius: 18px;
  --container: 1000px;

  --grad-0: rgba(14,165,233,.22);
  --grad-1: rgba(168,85,247,.12);
  --grad-2: rgba(255,255,255,0);
}

/* Dark */
[data-theme="dark"]{
  --bg: #050814;
  --card: rgba(15,23,42,.68);
  --text: #eef2ff;
  --muted: #b7c3e0;
  --border: rgba(148,163,184,.18);
  --shadow: 0 22px 70px rgba(0,0,0,.62);

  --accent: #22d3ee;           /* cyan-400 */
  --accent-hover: #06b6d4;     /* cyan-500 */
  --accent-soft: rgba(34,211,238,.16);

  --grad-0: rgba(34,211,238,.22);
  --grad-1: rgba(168,85,247,.14);
  --grad-2: rgba(5,8,20,0);
}

/* Optional: 'glassy' touch without breaking layout */
.card{
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Stronger gradient highlight in hero */
.hero:before{
  opacity: .95;
}

/* Slightly softer section dividers */
.hr{ opacity: .75; }