/* Custom Theme: Navy & Gold */ :root { --primary-navy: #0A192F; --accent-gold: #C5A059; --bg-light: #F8F9FA; --text-dark: #1A202C; --border-color: #E2E8F0; } body { font-family: 'Inter', system-ui, -apple-system, sans-serif; background-color: var(--bg-light); color: var(--text-dark); direction: rtl; text-align: right; } .navbar { background-color: var(--primary-navy); border-bottom: 2px solid var(--accent-gold); } .navbar-brand, .nav-link { color: #ffffff !important; } .nav-link:hover { color: var(--accent-gold) !important; } .hero-section { background-color: var(--primary-navy); color: #ffffff; padding: 100px 0; position: relative; overflow: hidden; } .hero-section::after { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 4px; background: var(--accent-gold); } .btn-gold { background-color: var(--accent-gold); color: var(--primary-navy); font-weight: 600; border: none; padding: 12px 30px; border-radius: 4px; transition: all 0.3s ease; } .btn-gold:hover { background-color: #b38f4d; color: #ffffff; transform: translateY(-2px); } .card { border: 1px solid var(--border-color); border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); } .tracking-card { margin-top: -50px; z-index: 10; position: relative; } .status-badge { padding: 5px 15px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; } .status-on-way { background-color: #EBF8FF; color: #2B6CB0; } .status-delivered { background-color: #F0FFF4; color: #2F855A; } .status-pending { background-color: #FFFAF0; color: #9C4221; } .section-title { color: var(--primary-navy); font-weight: 700; margin-bottom: 40px; position: relative; display: inline-block; } .section-title::after { content: ""; position: absolute; bottom: -10px; right: 0; width: 40px; height: 3px; background: var(--accent-gold); }