/* أزرار */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.65rem 1.25rem;border-radius:var(--radius);border:0;
  font-weight:600;transition:background .2s, color .2s, transform .2s;
}
.btn-primary{background:var(--color-primary);color:#fff}
.btn-primary:hover{background:#0b5ed7}
.btn-outline{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}
.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}

/* بطاقات */
.card{
  background:#fff;border:1px solid #e9ecef;border-radius:var(--radius);
  padding:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.04);
}

/* نافذة منبثقة */
.modal{position:fixed;inset:0;display:none;place-items:center;background:rgba(0,0,0,.5);z-index:1000}
.modal[aria-hidden="false"]{display:grid}
.modal-content{background:#fff;border-radius:var(--radius);padding:1.5rem;max-width:500px;width:90%}