/* Raaid Al Tamayoz: warm black, champagne gold, and quiet ivory.
   Loaded after the shared styles so the original car-sa.app remains untouched.
   The physical number-plate face and its letterforms are intentionally excluded. */
:root {
  --raid-black: #11100e;
  --raid-charcoal: #232019;
  --raid-ink: #221e18;
  --raid-muted: #675f53;
  --raid-bronze: #684519;
  --raid-gold: #d8ae67;
  --raid-gold-light: #f3daa0;
  --raid-gold-gradient: linear-gradient(125deg, #f3d99f 0%, #ddb669 51%, #bd8737 100%);
  --raid-ivory: #faf8f3;
  --raid-cream: #f5f0e5;
  --raid-border: #e8dfcf;
  --raid-shadow: 0 12px 34px rgb(48 35 16 / 8%);
  --brand-900: #231a0d;
  --brand-800: #422c10;
  --brand-700: #69491d;
  --brand-600: #785323;
  --brand-500: #a97c3d;
  --brand-100: #f1e3c7;
  --brand-50: #faf4e9;
  --gold-700: #684519;
  --gold-600: #946729;
  --gold-200: #e9d5aa;
  --gold-100: #fbf2de;
  --ring: 0 0 0 3px rgb(177 125 45 / 28%);
}

body:is(.storefront-body, .public-body, .admin-body, .guest-body) {
  --ux-ink: var(--raid-ink);
  --ux-ink-soft: #40382c;
  --ux-teal: var(--raid-bronze);
  --ux-teal-dark: var(--raid-bronze);
  --ux-mist: var(--raid-cream);
  --ux-champagne: var(--raid-gold);
  --ux-canvas: var(--raid-ivory);
  --ux-muted: var(--raid-muted);
  --ux-line: var(--raid-border);
  --ux-shadow: var(--raid-shadow);
  --sf-ink: var(--raid-ink);
  --sf-muted: var(--raid-muted);
  --sf-line: var(--raid-border);
  --sf-soft: var(--raid-cream);
  --sf-shadow: var(--raid-shadow);
  --canvas: var(--raid-ivory);
  --canvas-warm: var(--raid-ivory);
  --ink-950: var(--raid-black);
  --ink-900: var(--raid-ink);
  --ink-800: #3b342b;
  --ink-700: #51483b;
  --ink-600: var(--raid-muted);
  --ink-500: #776d5e;
  --ink-100: #f0e9dc;
  --sf-success: #347a4a;
  --plate-ink: var(--raid-ink);
  --plate-muted: var(--raid-muted);
  --plate-line: var(--raid-border);
  --plate-soft: var(--raid-ivory);
  --plate-gold: var(--raid-gold);
  --plate-brand: var(--raid-black);
  --plate-shadow: var(--raid-shadow);
  background: var(--raid-ivory);
  color: var(--raid-ink);
}

body:is(.storefront-body, .public-body, .admin-body, .guest-body) :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid #a9792d;
  outline-offset: 3px;
  box-shadow: 0 0 0 4px rgb(243 218 160 / 35%);
}

/* Public navigation and opening statement. */
.storefront-body .storefront-header,
.public-body .public-header,
.storefront-body .plate-detail-header {
  border-block-end: 1px solid rgb(243 218 160 / 28%);
  background: rgb(19 18 15 / 96%);
  box-shadow: 0 8px 24px rgb(0 0 0 / 12%);
}
.storefront-body .storefront-brand,
.storefront-body .storefront-nav a,
.public-body .public-header .public-brand strong,
.storefront-body .plate-detail-header .public-brand strong { color: #f8f1e4; }
.public-body .public-header .public-brand small,
.storefront-body .plate-detail-header .public-brand small { color: #d5c7ae; }
.storefront-body .storefront-nav a:hover,
.storefront-body .storefront-nav a[aria-current="page"] { color: var(--raid-gold-light); }
.storefront-body .storefront-nav a::after { background: var(--raid-gold); }
.storefront-body .storefront-brand .raid-brand-mark {
  border: 1px solid rgb(243 218 160 / 50%);
  background: var(--raid-gold-gradient);
  box-shadow: 0 5px 15px rgb(0 0 0 / 20%);
  color: var(--raid-black);
}
.storefront-body .storefront-header-contact,
.public-body .public-home-link,
.public-body .public-location,
.storefront-body .plate-detail-header .plates-header-nav a {
  border: 1px solid rgb(243 218 160 / 45%);
  background: rgb(243 218 160 / 12%);
  color: #f4dba5;
}
.storefront-body .storefront-header-contact:hover,
.public-body .public-home-link:hover,
.public-body .public-location:hover,
.storefront-body .plate-detail-header .plates-header-nav a:hover {
  border-color: var(--raid-gold-light);
  background: rgb(243 218 160 / 20%);
  color: #fff;
}
.storefront-body .plates-index-header .plates-header-nav a {
  border-color: rgb(243 218 160 / 35%);
  background: rgb(243 218 160 / 10%);
  color: #f4e7ce;
}
.storefront-body .plates-index-header .plates-header-nav a:hover {
  border-color: var(--raid-gold-light);
  background: rgb(243 218 160 / 20%);
}
.storefront-body .storefront-hero,
.storefront-body .featured-plates,
.storefront-body .plates-hero,
.storefront-body .plates-contact-banner,
.storefront-body .plate-contact-card {
  border: 1px solid rgb(243 218 160 / 19%);
  background:
    radial-gradient(circle at 85% 5%, rgb(230 181 91 / 25%), transparent 18rem),
    radial-gradient(circle at 5% 105%, rgb(133 89 25 / 25%), transparent 19rem),
    linear-gradient(142deg, #0d0d0c 0%, #201c15 58%, #332719 100%);
  box-shadow: 0 18px 46px rgb(43 29 12 / 20%);
}
.storefront-body .storefront-hero h1 em,
.storefront-body .plates-hero h1 em,
.storefront-body .plates-eyebrow,
.storefront-body .storefront-hero .storefront-eyebrow { color: #f4dba5; }
.storefront-body .storefront-hero-copy > p,
.storefront-body .plates-hero-copy > p,
.storefront-body .featured-plates-copy p { color: #e0d5c1; }
.storefront-body .storefront-trust-row small { color: #cdbf9f; }
.storefront-body .hero-mark-line,
.storefront-body .storefront-eyebrow i { background: var(--raid-gold); }
.storefront-body .storefront-hero-actions a.is-primary,
.storefront-body .featured-plates-copy > a {
  border: 1px solid #d6aa60;
  background: var(--raid-gold-gradient);
  color: var(--raid-black);
  box-shadow: 0 7px 19px rgb(0 0 0 / 16%);
}
.storefront-body .storefront-hero-actions a.is-primary:hover { background: #f7e4bb; }
.storefront-body .featured-plates-copy > a svg { fill: #5e3f17; }

/* Catalogue controls and product cards: gold is an accent, never pale body text. */
.storefront-body .catalog-search,
.storefront-body .catalog-filters,
.storefront-body .vehicle-card,
.storefront-body .partner-mark,
.storefront-body .plate-card,
.storefront-body .plates-catalog-shell,
.storefront-body .plate-info-card,
.storefront-body .plate-notes-card,
.storefront-body .plate-related,
.storefront-body .plate-qr-card,
.storefront-body .plate-address-card {
  border-color: var(--raid-border);
  box-shadow: var(--raid-shadow);
}
.storefront-body .catalog-search-field svg,
.storefront-body .vehicle-card-maker,
.storefront-body .plate-card-cta,
.storefront-body .plates-eyebrow.is-dark { color: var(--raid-bronze); fill: currentColor; }
.storefront-body .catalog-search > button,
.storefront-body .catalog-filter-actions > button,
.storefront-body .plates-filter-submit,
.storefront-body .plates-pagination a.is-current,
.storefront-body .catalog-pagination a.is-current,
.storefront-body .manufacturer-chips a.is-active {
  border-color: var(--raid-black);
  background: var(--raid-black);
  color: #fff;
}
.storefront-body .catalog-search > button:hover,
.storefront-body .catalog-filter-actions > button:hover,
.storefront-body .plates-filter-submit:hover { background: #393027; }
.storefront-body .catalog-filter-field input,
.storefront-body .catalog-filter-field select,
.storefront-body .plates-filter-form,
.storefront-body .plates-search-field,
.storefront-body .plates-filter-field select { border-color: var(--raid-border); background: #fffdfa; }
.storefront-body .manufacturer-chips a { border-color: var(--raid-border); color: #514535; }
.storefront-body .manufacturer-chips a:hover { border-color: #d7b777; background: #fcf4e3; }
.storefront-body .catalog-count,
.storefront-body .vehicle-card-highlights > span,
.storefront-body .public-related-meta > span { border-color: #e8d8b9; background: #faf4e8; color: #604c2d; }
.storefront-body .vehicle-card,
.storefront-body .plate-card { background: #fffefa; }
.storefront-body .vehicle-card:hover,
.storefront-body .plate-card:hover { border-color: #c8a56b; box-shadow: 0 18px 40px rgb(70 45 14 / 13%); }
.storefront-body .vehicle-card-media { background: #eae4d9; }
.storefront-body .vehicle-availability { background: rgb(20 20 16 / 87%); }
.storefront-body .vehicle-card-facts,
.storefront-body .vehicle-card-facts > div,
.storefront-body .vehicle-card-footer,
.storefront-body .plate-card-foot { border-color: #eee6d8; }
.storefront-body .vehicle-card-facts dt,
.storefront-body .plate-card-identity small,
.storefront-body .plate-card-price small { color: #746b5d; }
.storefront-body .vehicle-card-facts dd,
.storefront-body .plate-card-identity strong { color: var(--raid-ink); }
.storefront-body .vehicle-card-price strong,
.storefront-body .plate-card-price strong,
.storefront-body .plate-detail-copy h1 strong,
.storefront-body .plate-detail-price > strong { color: var(--raid-bronze); }
.storefront-body .vehicle-card-cta,
.storefront-body .without-price .vehicle-card-cta,
.storefront-body .public-related-cta {
  border: 1px solid #bb873a;
  background: var(--raid-gold-gradient);
  box-shadow: 0 7px 17px rgb(107 71 20 / 16%);
  color: var(--raid-black);
}
.storefront-body .vehicle-card-cta:hover,
.storefront-body .public-related-cta:hover { background: #f3d48e; color: var(--raid-black); }
.storefront-body .plate-detail-price {
  border-color: #e3c88c;
  background: linear-gradient(135deg, #fff9e9, #f4e2b9);
}
.storefront-body .plate-detail-visual { background: radial-gradient(circle at 50% 15%, rgb(223 177 91 / 21%), transparent 60%), #1e1b16; }
.storefront-body .plate-type-pill { border-color: #e8dac0; background: #faf3e6; color: #604b2d; }
.storefront-body .plates-empty,
.storefront-body .catalog-empty { border-color: #d9c7a7; background: #fffefa; }
.storefront-body .plates-empty > a,
.storefront-body .catalog-empty > a { color: var(--raid-bronze); }
.storefront-body .plate-share-actions button:first-child { border-color: #bb873a; background: var(--raid-gold-gradient); color: var(--raid-black); }
.storefront-body .plates-footer,
.storefront-body .storefront-footer,
.public-body .public-footer {
  border-block-start: 1px solid rgb(243 218 160 / 20%);
  background: radial-gradient(circle at 50% -8rem, rgb(189 135 55 / 24%), transparent 25rem), #13120f;
}
.storefront-body .storefront-footer-contact,
.public-body .public-footer-contact { border-color: rgb(243 218 160 / 21%); background: rgb(243 218 160 / 6%); }
.storefront-body .storefront-footer-contact-links > a,
.public-body .public-footer .footer-contact-link { border-color: rgb(243 218 160 / 24%); }
.storefront-body .storefront-footer-contact > span,
.public-body .public-footer-contact-heading .eyebrow { color: var(--raid-gold-light); }
.storefront-body .app-bottom-nav,
.public-body .app-bottom-nav {
  border-color: rgb(243 218 160 / 35%);
  background: rgb(27 25 20 / 97%);
  box-shadow: 0 12px 36px rgb(0 0 0 / 24%);
}
.storefront-body .app-bottom-nav a,
.public-body .app-bottom-nav a { color: #c5bba8; }
.storefront-body .app-bottom-nav a.is-current,
.public-body .app-bottom-nav a.is-current { background: var(--raid-gold-gradient); color: var(--raid-black); }

/* Customer vehicle details. */
.public-body .public-main-image { box-shadow: 0 18px 42px rgb(48 35 16 / 15%); }
.public-body .plate-detail-hero,
.public-body .plate-info-card,
.public-body .plate-notes-card,
.public-body .plate-related,
.public-body .plate-qr-card,
.public-body .plate-address-card {
  border-color: var(--raid-border);
  background: #fffefa;
  box-shadow: var(--raid-shadow);
}
.public-body .plate-detail-copy h1 { color: var(--raid-ink); }
.public-body .plate-detail-copy h1 strong { color: var(--raid-bronze); }
.public-body .plate-detail-price { border-color: #e2c78f; background: linear-gradient(135deg, #fff9e9, #f4e2b9); }
.public-body .plate-detail-price > strong { color: var(--raid-bronze); }
.public-body .plate-detail-visual { background: radial-gradient(circle at 50% 15%, rgb(223 177 91 / 21%), transparent 60%), #1e1b16; }
.public-body .plate-share-actions button:first-child,
.public-body .plate-story-copy button:last-child,
.public-body .plate-sold-banner > a { border-color: #bb873a; background: var(--raid-gold-gradient); color: var(--raid-black); }
.public-body .plate-contact-card {
  border-color: rgb(243 218 160 / 19%);
  background: radial-gradient(circle at 80% 8%, rgb(230 181 91 / 21%), transparent 17rem), linear-gradient(145deg, #10100e, #302518);
}
.public-body .plate-contact-card > span { color: var(--raid-gold-light); }
.public-body .plate-story-preview { border-color: #3b2d1c; }
.public-body .plate-sold-banner { border-color: var(--raid-border); background: #fffefa; }
.public-body .plate-spec-list > div,
.public-body .plate-spec-list > div:nth-child(odd) { border-color: #ede3d2; }
.public-body .plate-spec-list dd { color: var(--raid-ink); }
.public-body .public-thumbnails button.is-active { border-color: #a7752b; }
.public-body .car-title-block h1,
.public-body .public-section-heading h2,
.public-body .public-benefits-heading h2 { color: var(--raid-ink); }
.public-body .specification-highlight,
.public-body .public-share-button,
.public-body .public-benefits-badge {
  border-color: #e7d4ac;
  background: #fbf1dc;
  color: var(--raid-bronze);
}
.public-body .specification-highlight > span { background: #8c6223; }
.public-body .public-section,
.public-body .public-benefits,
.public-body .public-note,
.public-body .showroom-card,
.public-body .public-related-card { border-color: var(--raid-border); background: #fffefa; box-shadow: var(--raid-shadow); }
.public-body .public-section-heading .eyebrow,
.public-body .public-benefits-heading .eyebrow { color: var(--raid-bronze); }
.public-body .public-spec-grid > div,
.public-body[dir="rtl"] .public-spec-grid > div,
.public-body .public-spec-grid > div:nth-child(even),
.public-body .public-spec-grid > div:nth-child(3n + 2),
.public-body .public-spec-grid > div:nth-child(3n) {
  border-color: #e9dfcd;
  background: #fbf8f1;
}
.public-body .public-spec-grid > div:nth-child(even) { background: #f7f1e4; }
.public-body .public-spec-grid svg.spec-icon,
.public-body .public-spec-grid > div:nth-child(3n + 2) svg.spec-icon,
.public-body .public-spec-grid > div:nth-child(3n) svg.spec-icon { background: #f0dfb9; color: #684519; }
.public-body .public-spec-grid dt { color: #706758; }
.public-body .public-spec-grid dd { color: var(--raid-ink); }
.public-body .mobile-price-card,
.public-body .public-price-card {
  border-color: #e2c78f;
  background: radial-gradient(circle at 0 0, #fffdf7, transparent 12rem), linear-gradient(135deg, #fbf2de, #f2dfb7);
  box-shadow: 0 12px 27px rgb(107 71 20 / 10%);
}
.public-body .mobile-price-card::after,
.public-body .public-price-card::after { background: rgb(189 135 55 / 10%); }
.public-body .price-label { border-color: #e0c78f; background: #fffefa; color: var(--raid-bronze); }
.public-body .mobile-price-card > strong,
.public-body .public-price-card > strong,
.public-body .mobile-price-card.is-price-on-request > strong,
.public-body .public-price-card.is-price-on-request > strong { color: #543611; }
.public-body .public-price-card > p,
.public-body .public-prose > p { color: #51483b; }
.public-body .public-bid-price { border-color: #e2c78f; color: var(--raid-bronze); }
.public-body .public-note { border-color: #dfd1b7; background: linear-gradient(145deg, #fcf7ed, #fffdf8); }
.public-body .public-note-icon { background: #efddb5; color: var(--raid-bronze); }
.public-body .public-note strong { color: var(--raid-ink); }
.public-body .public-note p { color: #554938; }
.public-body .public-benefits { background: linear-gradient(145deg, #fffefa, #faf4e7); }
.public-body .public-benefits::after { border-color: rgb(189 135 55 / 9%); }
.public-body .public-benefit-card,
.public-body .public-benefit-card.is-delivery { border-color: #e9dfcb; background: #fffdf8; }
.public-body .public-benefit-icon,
.public-body .is-delivery .public-benefit-icon { border-color: #e3ca95; background: #f3e3c3; color: var(--raid-bronze); }
.public-body .public-benefit-card small,
.public-body .is-delivery.public-benefit-card small,
.public-body .public-related-card b { color: var(--raid-bronze); }
.public-body .public-related-cta,
.public-body .public-sold-home-link { border-color: #bb873a; background: var(--raid-gold-gradient); color: var(--raid-black); }
.public-body .public-related-meta > span { border-color: #e8d8b9; background: #faf4e8; color: #604c2d; }
.public-body .public-related-controls button { border-color: #e3d2b3; color: var(--raid-bronze); }

/* Administration and login: retain light work surfaces, use black-gold navigation. */
.admin-body {
  --ui-ink: var(--raid-ink);
  --ui-muted: var(--raid-muted);
  --ui-accent: var(--raid-bronze);
  --ui-accent-dark: #51340e;
  --ui-soft: #f8ecd2;
  --ui-gold: var(--raid-gold);
  --ui-border: var(--raid-border);
  --ui-shadow: var(--raid-shadow);
  background: var(--raid-ivory);
}
.admin-body .sidebar,
.admin-body .admin-hero,
.admin-body .haraj-sync-hero {
  background: radial-gradient(circle at 4% 0, rgb(232 184 98 / 22%), transparent 18rem), linear-gradient(145deg, #10100e, #2b2115 90%);
  color: #fff;
}
.admin-body .sidebar { border-inline-end: 1px solid rgb(243 218 160 / 23%); }
.admin-body .sidebar .brand-mark,
.admin-body .user-avatar { background: var(--raid-gold-gradient); color: var(--raid-black); }
.admin-body .sidebar .brand-lockup small { color: #d4c6ad; }
.admin-body .nav-item { color: #d1c4ae; }
.admin-body .nav-item:hover { background: rgb(243 218 160 / 12%); color: #fff; }
.admin-body .nav-item.is-active { border-color: rgb(243 218 160 / 30%); background: rgb(243 218 160 / 17%); box-shadow: inset -3px 0 0 var(--raid-gold); color: #fff; }
.admin-body .topbar { border-color: var(--raid-border); background: rgb(255 253 248 / 94%); }
.admin-body .topbar-action,
.admin-body .button-primary,
.admin-body .admin-bottom-nav .admin-bottom-add svg {
  border-color: #b78134;
  background: var(--raid-gold-gradient);
  box-shadow: 0 9px 21px rgb(112 74 18 / 17%);
  color: var(--raid-black);
}
.admin-body .topbar-action:hover,
.admin-body .button-primary:hover { background: #f0d18b; color: var(--raid-black); }
.admin-body .admin-hero .eyebrow { color: var(--raid-gold-light); }
.admin-body .admin-hero .button { border-color: #d6a65a; background: var(--raid-gold-gradient); color: var(--raid-black); }
.admin-body .admin-hero .button:hover { background: #f4ddaa; }
.admin-body .panel,
.admin-body .stat-card,
.admin-body .quick-card,
.admin-body .form-section { border-color: var(--raid-border); background: #fffefa; }
.admin-body .stat-card::after { background: #f5e7c9; }
.admin-body .stat-icon,
.admin-body .quick-card > span,
.admin-body .section-number,
.admin-body .sticky-summary .summary-icon { background: #f3e4c2; color: var(--raid-bronze); }
.admin-body .responsive-table th,
.admin-body .detail-grid > div,
.admin-body .admin-private-data dl > div { background: #fbf8f1; }
.admin-body .detail-grid > div:nth-child(3n + 2) { border-color: var(--raid-border); background: #f8f0e2; }
.admin-body .detail-grid dd { color: var(--raid-ink); }
.admin-body .price-summary { border-color: #e2c78f !important; background: linear-gradient(135deg, #fbf2de, #f2dfb7); }
.admin-body .price-summary > small,
.admin-body .price-summary > strong { color: var(--raid-bronze); }
.admin-body .responsive-table tr:hover td { background: #fcf7eb; }
.admin-body .toggle-card { border-color: var(--raid-border); background: #fffdf8; }
.admin-body .toggle-card input:checked + .toggle-ui,
.admin-body .pagination a.is-current { border-color: var(--raid-black); background: var(--raid-black); }
.admin-body .button-secondary:hover,
.admin-body .button-ghost:hover,
.admin-body .icon-button:hover { border-color: #d8be8f; background: #fbf2df; color: var(--raid-bronze); }
.admin-body .quick-card:hover { border-color: #d6ba84; box-shadow: 0 18px 38px rgb(89 61 24 / 10%); }
.admin-body input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
.admin-body select,
.admin-body textarea { border-color: var(--raid-border); background: #fffdf9; }
.admin-body input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):focus,
.admin-body select:focus,
.admin-body textarea:focus { border-color: #a9792d; box-shadow: 0 0 0 3px rgb(177 125 45 / 15%); }
.admin-body .admin-bottom-nav { border-color: #e6d6b8; background: rgb(255 252 246 / 96%); }
.admin-body .admin-bottom-nav a { color: #6b604f; }
.admin-body .admin-bottom-nav a[aria-current="page"] { background: #f4e5c5; color: var(--raid-bronze); }

.guest-body { --ui-ink: var(--raid-ink); --ui-accent: var(--raid-bronze); --ui-border: var(--raid-border); background: var(--raid-ivory); }
.guest-body .login-visual { background: radial-gradient(circle at 80% 15%, rgb(222 178 94 / 26%), transparent 35%), linear-gradient(135deg, #10100e, #302518); }
.guest-body .login-visual-copy .eyebrow { color: var(--raid-gold-light); }
.guest-body .login-shell { border-color: var(--raid-border); box-shadow: 0 25px 70px rgb(41 28 10 / 17%); }
.guest-body .login-panel { background: #fffefa; }
.guest-body .stack-form input { border-color: var(--raid-border); background: #fffdf9; }
.guest-body .stack-form input:focus { border-color: #a9792d; box-shadow: 0 0 0 4px rgb(177 125 45 / 15%); }
.guest-body .stack-form .button-primary { border-color: #b78134; background: var(--raid-gold-gradient); color: var(--raid-black); box-shadow: 0 12px 25px rgb(112 74 18 / 18%); }
.guest-body .stack-form .button-primary:hover { background: #f0d18b; box-shadow: 0 15px 28px rgb(112 74 18 / 22%); }
.guest-body .login-security svg { fill: var(--raid-bronze); }

@media (max-width: 48rem) {
  .guest-body .guest-main { background: var(--raid-ivory); }
  .storefront-body .storefront-hero,
  .storefront-body .plates-hero { box-shadow: 0 13px 30px rgb(43 29 12 / 19%); }
}

@media (prefers-reduced-motion: reduce) {
  .storefront-body .vehicle-card-cta,
  .public-body .public-related-cta,
  .admin-body .button-primary,
  .guest-body .button-primary { transition: none; }
}