/* Only the four approved brand colors. Original logo pixels are never changed. */
@import url('./arabic.css');
@font-face {
  font-family: 'Poppins'; src: url('./fonts/Poppins-Regular.woff2') format('woff2');
  font-weight: 400; font-display: swap; unicode-range: U+0000-024F;
}
@font-face {
  font-family: 'Playfair Display'; src: url('./fonts/PlayfairDisplay-SemiBold.woff2') format('woff2');
  font-weight: 600; font-display: swap; unicode-range: U+0000-024F;
}
/* Alexandria Arabic approved by the company; English families remain unchanged. */
:root, html, html.dark, html.light {
  --cg-brown: #4A3A2F; --cg-gold: #C9A46A; --cg-white: #F5F2EC; --cg-gray: #B7B0A8;
  --white: 245 242 236 !important; --black: 74 58 47 !important;
  --text-primary: 74 58 47 !important; --text-secondary: 74 58 47 !important;
  --text-tertiary: 74 58 47 !important; --text-muted: 74 58 47 !important;
  --surface-primary: 245 242 236 !important; --surface-secondary: 245 242 236 !important;
  --surface-primary-alt: 245 242 236 !important; --surface-tertiary: 245 242 236 !important;
  --surface-chat: 245 242 236 !important; --surface-dialog: 245 242 236 !important;
  --surface-hover: 183 176 168 !important; --surface-active: 183 176 168 !important;
  --header-primary: 245 242 236 !important;
  --accent-primary: 201 164 106 !important; --accent-primary-hover: 201 164 106 !important;
  --surface-submit: 201 164 106 !important; --surface-submit-hover: 201 164 106 !important;
  --button-primary: 201 164 106 !important; --button-primary-hover: 201 164 106 !important;
  --border-light: 183 176 168 !important; --border-medium: 183 176 168 !important;
  --border-heavy: 183 176 168 !important; --ring-primary: 201 164 106 !important;
  --link: 74 58 47 !important; --link-hover: 74 58 47 !important;
  --text-destructive: 74 58 47 !important; --surface-destructive: 201 164 106 !important;
  --theme-font-family: Poppins, var(--concrete-arabic-font, sans-serif) !important;
}
html, body { background: #F5F2EC !important; color: #4A3A2F !important; }
body, input, textarea, button { font-family: Poppins, var(--concrete-arabic-font, sans-serif); }
h1, h2, h3, h4 { font-family: 'Playfair Display', var(--concrete-arabic-font, serif); font-weight: 600; }
nav[aria-label], aside, .bg-surface-sidebar {
  background: #4A3A2F !important; color: #F5F2EC !important;
  --text-primary: 245 242 236 !important; --text-secondary: 245 242 236 !important;
}
button[type=submit], .bg-surface-submit { background: #C9A46A !important; color: #4A3A2F !important; }
a { text-decoration-color: #C9A46A; }
.prose, .markdown, .message-content { unicode-bidi: plaintext; text-align: start; }
pre, code { direction: ltr; text-align: left; unicode-bidi: isolate; }
#concrete-brand-logo { position: fixed; top: 8px; left: 50%; transform: translateX(-50%); z-index: 40; pointer-events: none; }
#concrete-brand-logo img { width: auto; height: auto; max-width: 110px; max-height: 36px; object-fit: contain; filter: none; }
@media (max-width: 640px) { #concrete-brand-logo img { max-width: 75px; max-height: 28px; } }

/* Preserve legibility of the native authentication form. */
form input, form label { color: #4A3A2F !important; }
form input { background: #F5F2EC !important; border: 1px solid #B7B0A8 !important; }
[data-testid='user-avatar'], .bg-purple-600, .bg-purple-500 { background-color: #C9A46A !important; color: #4A3A2F !important; }

/* Hide upstream artwork while waiting for the unmodified company logo. */
img[src$='assets/logo.svg'] { display: none !important; }
/* Authentication errors must remain readable against the gold alert fill. */
.bg-alert-error-fill, .bg-alert-error-fill * { color: #4A3A2F !important; }
#concrete-work-link { position:fixed; inset-inline-start:auto; left:64px; right:auto; top:12px; z-index:45; padding:7px 16px; background:#C9A46A; color:#4A3A2F; border-radius:4px; font-size:12px; text-decoration:none; }
@media(max-width:640px) { #concrete-work-link { top:58px; left:12px; padding:5px 10px; } }
/* Sidebar controls inherit the brown surface; avoid off-white text on off-white fills. */
:is(aside,.bg-surface-sidebar,nav[aria-label]) :is(button,a,[role=button]) {
  background-color:transparent !important; color:#F5F2EC !important;
}
:is(aside,.bg-surface-sidebar,nav[aria-label]) :is(button,a,[role=button]) :is(span,svg,p) { color:inherit !important; }
:is(aside,.bg-surface-sidebar,nav[aria-label]) :is(button,a,[role=button]):hover {
  background-color:#C9A46A !important; color:#4A3A2F !important;
}
:is(aside,.bg-surface-sidebar,nav[aria-label]) input { color:#4A3A2F !important; background:#F5F2EC !important; }
button[aria-label='إرسال رسالة'],button[aria-label='Send message'] { background:#C9A46A !important; color:#4A3A2F !important; }
button[aria-label='إرسال رسالة'] svg,button[aria-label='Send message'] svg { color:#4A3A2F !important; }
[class*='avatar'] [style*='background'],[data-testid='user-avatar'] { background-color:#C9A46A !important; color:#4A3A2F !important; }
/* More restrained shapes and separators echo the original company site's layout. */
form :is(input,textarea) { border-radius:5px !important; }
form:has(textarea) { box-shadow:none !important; }
.bg-surface-search { background:#4A3A2F !important; color:#F5F2EC !important; border:1px solid #B7B0A8 !important; }
.bg-surface-search :is(input,span,svg,button) { background:transparent !important; color:#F5F2EC !important; }
.bg-surface-search input::placeholder { color:#F5F2EC !important; }
.bg-surface-sidebar :is(.bg-surface-primary,.bg-surface-secondary,.bg-surface-tertiary) { background:#4A3A2F !important; color:#F5F2EC !important; }
.bg-surface-sidebar [style*='background-color'] { background-color:#C9A46A !important; color:#4A3A2F !important; }