/* OMEGATE Health brand overrides — colors from palette.json, Arabic font */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

:root,
[data-bs-theme],
[data-bs-theme-color] {
  --omegate-orange: #FF7A1F;
  --omegate-ink: #1D1D1B;
  --omegate-font: 'Inter', 'IBM Plex Sans Arabic', system-ui, -apple-system, 'Segoe UI', Tahoma, Arial, sans-serif;

  --bs-primary: #FF7A1F;
  --bs-primary-rgb: 255, 122, 31;
  --bs-primary-bg-subtle: #FFEDDD;
  --bs-primary-border-subtle: #FFD6B3;
  --bs-primary-text-emphasis: #9E3C0E;
  --bs-link-color: #EB620E;
  --bs-link-color-rgb: 235, 98, 14;
  --bs-link-hover-color: #C74C0A;
  --bs-link-hover-color-rgb: 199, 76, 10;
  --bs-primary-hover-bg: #EB620E;
  --bs-primary-hover-border: #C74C0A;
  --bs-primary-active-bg: #EB620E;
  --bs-primary-active-border: #C74C0A;

  --bs-font-sans-serif: var(--omegate-font);
  --bs-body-font-family: var(--omegate-font);
  --bs-heading-font-family: var(--omegate-font);
  --bs-btn-font-family: var(--omegate-font);
}

[data-bs-theme=dark],
[data-bs-theme-color][data-bs-theme=dark] {
  --bs-primary-text-emphasis: #FFB880;
  --bs-primary-bg-subtle: #451805;
  --bs-primary-border-subtle: #7D3211;
  --bs-link-color: #FF994D;
  --bs-link-color-rgb: 255, 153, 77;
  --bs-link-hover-color: #FFB880;
  --bs-link-hover-color-rgb: 255, 184, 128;
}

/* Arabic-capable font: text inherits from body; form controls don't inherit, so set them.
   Element-only selectors keep icon-font classes (higher specificity) untouched. */
[dir=rtl] {
  --omegate-font: 'IBM Plex Sans Arabic', 'Inter', system-ui, Tahoma, Arial, sans-serif;
}
body, h1, h2, h3, h4, h5, h6, input, select, textarea, button {
  font-family: var(--omegate-font);
}

.btn-primary {
  --bs-btn-bg: #FF7A1F;
  --bs-btn-border-color: #FF7A1F;
  --bs-btn-hover-bg: #EB620E;
  --bs-btn-hover-border-color: #C74C0A;
  --bs-btn-active-bg: #C74C0A;
  --bs-btn-active-border-color: #C74C0A;
  --bs-btn-disabled-bg: #FF994D;
  --bs-btn-disabled-border-color: #FF994D;
}
/* Secondary = brand ink (light) / soft orange (dark) instead of the theme's pink */
:root, [data-bs-theme], [data-bs-theme-color] {
  --bs-secondary: #1D1D1B;
  --bs-secondary-rgb: 29, 29, 27;
}
[data-bs-theme=dark], [data-bs-theme-color][data-bs-theme=dark] {
  --bs-secondary: #FF994D;
  --bs-secondary-rgb: 255, 153, 77;
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1D1D1B;
  --bs-btn-border-color: #1D1D1B;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #FF7A1F;
  --bs-btn-hover-border-color: #FF7A1F;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #EB620E;
  --bs-btn-active-border-color: #EB620E;
}
[data-bs-theme=dark] .btn-secondary {
  --bs-btn-color: #1D1D1B;
  --bs-btn-bg: #FF994D;
  --bs-btn-border-color: #FF994D;
}

.btn-outline-primary {
  --bs-btn-color: #EB620E;
  --bs-btn-border-color: #FF7A1F;
  --bs-btn-hover-bg: #FF7A1F;
  --bs-btn-hover-border-color: #FF7A1F;
  --bs-btn-active-bg: #EB620E;
  --bs-btn-active-border-color: #EB620E;
}

/* Larger type scale (rem-based UI scales with the root size) */
html.theme-fs-sm { font-size: 16px; }
html.theme-fs-md, html:not([class*="theme-fs-"]) { font-size: 18px; }
html.theme-fs-lg { font-size: 20px; }
[dir=rtl] body { line-height: 1.7; }