/* =========================================================================
   ORELKA — theme-aurora-dark.css
   Drop-in theme for a bolder dark look with gradient accents and glass cards
   Vibe: sombre, contrasté, accents violet→cyan
   ========================================================================= */
:root {
  --bg: #0f1115;
  --surface: rgba(20,22,28,.9);
  --text: #b9c0d0;
  --text-weak: #7f8696;
  --heading: #f5f7ff;
  --border: rgba(255,255,255,.08);
  --accent: #7b6cff;           /* Violet */
  --accent-400: #9a8cff;
  --accent-600: #5a4dd6;

  --fs-base: 16.5px;
  --lh-base: 1.75;
  --radius: 16px;
  --container: 1160px;
}

/* Gradient halo on header */
header.site-header {
  background:
    radial-gradient(1200px 120px at 50% -30px, rgba(123,108,255,.25), transparent),
    rgba(15,17,21,.85);
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(10px) saturate(150%);
}

/* Hero tweak */
.hero { padding-top: calc(var(--space-7) + 3rem); }
.hero h1 {
  background: linear-gradient(90deg, #7b6cff, #38e8ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 800;
}

/* Buttons */
.button { box-shadow: inset 0 0 0 2px var(--border); }
.button.primary {
  background: linear-gradient(90deg, #7b6cff, #38e8ff);
  color: #0f1115;
}
.button.primary:hover {
  filter: brightness(1.08);
}
.button:hover { color: var(--accent); box-shadow: inset 0 0 0 2px var(--accent); }

/* Cards / Thumbs with glass & glow */
.card, .thumb {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid var(--border);
  box-shadow:
    0 10px 30px rgba(0,0,0,.45),
    0 1px 0 rgba(255,255,255,.04) inset;
}
.thumb:hover { transform: translateY(-4px); border-color: var(--accent); }

/* Footer */
footer.site-footer {
  background: linear-gradient(180deg, rgba(255,255,255,.02), transparent);
  border-top: 1px solid var(--border);
}

/* Links */
a { text-decoration: none; color: #9fb7ff; }
a:hover { color: #ccdcff; }