:root { --deep:#143f2b; --gold:#d9b36a; --cream:#fff7ed; }
* { scroll-behavior: smooth; }
.font-serif { letter-spacing: .01em; }
.nav-link { position: relative; color: rgba(20,63,43,.78); }
.nav-link::after { content:""; position:absolute; left:0; bottom:-8px; height:2px; width:0; background:var(--gold); transition:.25s; }
.nav-link:hover::after { width:100%; }
.btn { display:inline-flex; align-items:center; justify-content:center; border-radius:9999px; padding:.7rem 1.05rem; font-size:.875rem; font-weight:700; transition:.2s; white-space:nowrap; }
.btn-primary { background:var(--deep); color:var(--cream); box-shadow:0 10px 25px rgba(20,63,43,.18); }
.btn-primary:hover { transform:translateY(-1px); box-shadow:0 16px 36px rgba(20,63,43,.25); }
.btn-gold { background:var(--gold); color:var(--deep); box-shadow:0 10px 25px rgba(217,179,106,.20); }
.btn-gold:hover { transform:translateY(-1px); }
.btn-outline { border:1px solid rgba(20,63,43,.18); color:var(--deep); background:rgba(255,255,255,.45); }
.btn-outline:hover { background:#fff; border-color:rgba(217,179,106,.65); }
.card { border:1px solid rgba(20,63,43,.10); background:rgba(255,255,255,.72); border-radius:1.5rem; box-shadow:0 22px 60px rgba(20,63,43,.08); }
.input { width:100%; border:1px solid rgba(20,63,43,.14); border-radius:1rem; background:rgba(255,255,255,.85); padding:.8rem 1rem; outline:none; transition:.2s; }
.input:focus { border-color:rgba(217,179,106,.9); box-shadow:0 0 0 4px rgba(217,179,106,.16); }
.label { display:block; margin-bottom:.45rem; font-size:.82rem; font-weight:700; color:rgba(20,63,43,.8); }
.badge { display:inline-flex; align-items:center; border-radius:9999px; padding:.25rem .7rem; font-size:.72rem; font-weight:700; background:rgba(217,179,106,.18); color:var(--deep); }
.admin-nav { border-radius:1rem; padding:.75rem .9rem; color:#334155; }
.admin-nav:hover { background:#f8fafc; color:var(--deep); }
.table-wrap { overflow:auto; border:1px solid #e2e8f0; border-radius:1rem; background:#fff; }
.table { width:100%; min-width:780px; border-collapse:collapse; }
.table th { background:#f8fafc; color:#475569; text-align:left; font-size:.75rem; text-transform:uppercase; letter-spacing:.05em; padding:.85rem 1rem; }
.table td { border-top:1px solid #e2e8f0; padding:.85rem 1rem; vertical-align:top; }
.product-image { aspect-ratio: 1/1; object-fit: cover; }
.hero-ring { box-shadow: inset 0 0 0 1px rgba(217,179,106,.3), 0 30px 80px rgba(20,63,43,.18); }
html[dir="rtl"] body { font-family: 'Noto Kufi Arabic', 'Inter', sans-serif; }
html[dir="rtl"] .font-serif { font-family: 'Noto Kufi Arabic', 'Inter', sans-serif; }
html[dir="rtl"] .tracking-\[\.35em\] { letter-spacing: .08em; }
html[dir="rtl"] .tracking-\[\.3em\] { letter-spacing: .08em; }
html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"] select { text-align: right; }