/* Abrraj Astro Pro – element-based palette */
:root{
  --abr-fire-1:#f59e0b; --abr-fire-2:#f97316; --abr-fire-3:#ef4444;
  --abr-earth-1:#65a30d; --abr-earth-2:#16a34a; --abr-earth-3:#15803d;
  --abr-air-1:#0ea5e9; --abr-air-2:#22d3ee; --abr-air-3:#60a5fa;
  --abr-water-1:#06b6d4; --abr-water-2:#3b82f6; --abr-water-3:#6366f1;
  --abr-bg:#0b1020; --abr-card:#111827; --abr-text:#e5e7eb; --abr-muted:#9ca3af;
}
.abr-card{background:var(--abr-card);color:var(--abr-text);border-radius:16px;padding:16px;box-shadow:0 8px 28px rgba(0,0,0,.25);}
.abr-row{display:flex;align-items:center;gap:12px;}
.abr-label{font-size:14px;color:var(--abr-muted);}
.abr-value{font-size:18px;font-weight:700;}
.abr-brand{width:96px;opacity:.9;display:block;margin-bottom:8px}
.abr-moon-icon{width:40px;height:40px}
/* buttons */
.abr-btn{border-radius:12px;padding:10px 16px;border:none;cursor:pointer;font-weight:700}
.abr-btn-fire{background:linear-gradient(90deg,var(--abr-fire-1),var(--abr-fire-2));color:white}
.abr-btn-earth{background:linear-gradient(90deg,var(--abr-earth-1),var(--abr-earth-2));color:white}
.abr-btn-air{background:linear-gradient(90deg,var(--abr-air-1),var(--abr-air-2));color:white}
.abr-btn-water{background:linear-gradient(90deg,var(--abr-water-1),var(--abr-water-2));color:white}
/* form */
.abr-form{display:grid;gap:12px}
.abr-input{border:1px solid #374151;background:#0f172a;color:#e5e7eb;border-radius:12px;padding:10px}
.abr-result{margin-top:16px}