/* Auto Raslan — central visual identity.
   Change the custom properties below to update the public site's palette. */
:root {
  --ar-navy: #0d1930;
  --ar-navy-soft: #1d3563;
  --ar-hero: #1d2c49;
  --ar-gold: #d4af37;
  --ar-gold-soft: #e3c469;
  --ar-page: #ffffff;
  --ar-surface: #ffffff;
  --ar-surface-soft: #f8fafc;
  --ar-ink: #0f172a;
  --ar-muted: #64748b;
  --ar-line: #d7e0ea;
  --ar-success: #10b981;
  --ar-warning: #f59e0b;
  --ar-danger: #ef4444;
  --ar-shadow: 0 14px 35px rgba(13, 25, 48, .18);
}

body { background: var(--ar-page); color: var(--ar-ink); }
.market-page { background: #f5f2eb !important; }

/* Shared public navigation */
#smartHeader,
.glass-header { background: var(--ar-navy) !important; border-color: color-mix(in srgb, var(--ar-gold) 48%, transparent) !important; }
.luxury-nav-link:hover,
.detail-nav-link:hover { color: var(--ar-gold-soft) !important; }

/* Shared primary components */
.showcase-hero { background: var(--ar-hero) !important; border-color: color-mix(in srgb, var(--ar-gold) 38%, transparent) !important; }
.car-card { background: var(--ar-surface); border-color: var(--ar-line); }
.car-card:hover { border-color: var(--ar-gold); }
.car-card .car-title { color: var(--ar-navy-soft); }
.car-card .price-panel { background: var(--ar-surface-soft); border-right-color: var(--ar-gold); }
.filter-reset:hover,
.main-market-button.active-market,
.cat-btn-active { background-color: var(--ar-navy-soft) !important; }

/* Semantic state colours */
.ar-status-available { color: var(--ar-success); }
.ar-status-reserved { color: var(--ar-warning); }
.ar-status-sold { color: var(--ar-danger); }

/* Accessible keyboard focus shared across the site */
a:focus-visible,
button:focus-visible,
select:focus-visible,
input:focus-visible { outline: 3px solid color-mix(in srgb, var(--ar-gold) 70%, white); outline-offset: 2px; }

/* Shared public footer */
.site-footer { margin-top: 48px; background: var(--ar-navy); border-top: 1px solid color-mix(in srgb, var(--ar-gold) 52%, transparent); color: #e6ebf4; }
.site-footer__inner { max-width: 1400px; margin: 0 auto; padding: 38px 24px 30px; display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 32px; }
.site-footer__logo { display: inline-flex; margin-bottom: 12px; }
.site-footer__logo img { width: auto; max-width: 220px; height: 52px; object-fit: contain; }
.site-footer p { max-width: 360px; margin: 0; color: #b7c2d3; font-size: 12px; line-height: 1.9; font-weight: 700; }
.site-footer h3 { margin: 0 0 12px; color: var(--ar-gold-soft); font-size: 13px; font-weight: 900; }
.site-footer__links, .site-footer__contact { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
.site-footer a, .site-footer__contact span { color: #d9e0eb; font-size: 12px; font-weight: 700; text-decoration: none; transition: color .2s ease; }
.site-footer a:hover { color: var(--ar-gold-soft); }
.site-footer i { width: 18px; color: var(--ar-gold); text-align: center; }
.site-footer__bottom { max-width: 1400px; margin: 0 auto; padding: 14px 24px; border-top: 1px solid rgba(255,255,255,.10); display: flex; justify-content: space-between; gap: 12px; color: #9ba9bd; font-size: 10px; font-weight: 700; }
@media (max-width: 640px) { .site-footer__inner { grid-template-columns: 1fr; gap: 24px; padding: 32px 20px 24px; } .site-footer__bottom { padding: 13px 20px; flex-direction: column; } }