/* --- Stil vechi păstrat pentru componente reutilizate --- */
:root {
    --bg: #0b0b0c;
    --panel: #121214;
    --text: #eaeaea;
    --text-dim: #b7b7b7;
    --red: #E10600;
    --red-dark: #b10500;
    --border: rgba(255,255,255,.12);
    --border-soft: rgba(255,255,255,.08);
    --fun-pink:#ff6f61;
    --fun-purple:#845ec2;
    --fun-blue:#2c73d2;
    --fun-yellow:#f9c74f;
    --fun-teal:#00c9a7;
}

html { scroll-behavior:smooth; }
body { color:#222; font-family: 'Segoe UI', system-ui, sans-serif; }

.badge { border-radius:14px; padding:.4em .7em; font-weight:600; }

/* Card alb nou */
.card-fun { background:#fff; border:3px solid #ececec; border-radius:22px; box-shadow:0 6px 20px rgba(0,0,0,.08); }

/* Btn stil copilăresc */
.btn-fun { border-radius:30px; font-weight:600; padding:.65rem 1.4rem; }
.btn-fun-pink{ background:var(--fun-pink); color:#fff; }
.btn-fun-purple{ background:var(--fun-purple); color:#fff; }
.btn-fun-blue{ background:var(--fun-blue); color:#fff; }
.btn-fun-yellow{ background:var(--fun-yellow); color:#222; }
.btn-fun-teal{ background:var(--fun-teal); color:#fff; }
.btn-fun-pink:hover,.btn-fun-purple:hover,.btn-fun-blue:hover,.btn-fun-yellow:hover,.btn-fun-teal:hover{ filter:brightness(1.08); }

/* Elimin hero vechi */
.hero .speed { display:none; }

/* Section spacing nou */
.section { margin:3rem 0; }

/* Responsive tweaks */
@media (max-width: 768px){
  .display-5 { font-size:2rem; }
}

/* Admin theming playful */
.admin-card { background:#0f0f10; border:1px solid rgba(255,255,255,.12); border-radius:1rem; }
.admin-header { background: linear-gradient(90deg, var(--fun-pink), var(--fun-purple), var(--fun-blue)); color:#fff; padding:.85rem 1rem; border-top-left-radius:1rem; border-top-right-radius:1rem; display:flex; align-items:center; gap:.5rem; }
.admin-header h5, .admin-header h4, .admin-header h3 { margin:0; font-weight:700; }
.admin-body { padding:1rem; }
.admin-title { color: var(--fun-pink); }