/*
 * Arvaigo for Enterprise: brand tokens (default brand pack).
 * Values match brand.json. Light theme is the default; dark applies with
 * [data-theme="dark"] or, when no theme is set, with the system preference.
 * Fonts are self-hosted by the platform (no CDN); the stack falls back to system fonts.
 */

:root {
  --lr-font-latin: "Inter", system-ui, sans-serif;
  --lr-font-display: "Inter Display", "Inter", system-ui, sans-serif;
  --lr-font-arabic: "IBM Plex Sans Arabic", "Inter", system-ui, sans-serif;
  --lr-font-body: var(--lr-font-latin);

  /* Theme-independent brand colours */
  --lr-brand-navy: #1E2B4F;
  --lr-brand-midnight: #0B1430;
  --lr-brand-teal: #19C6A7;
  --lr-brand-blue: #2F8BF5;
  --lr-brand-violet: #7B3FE4;
  --lr-gradient-ai: linear-gradient(90deg, #19C6A7 0%, #2F8BF5 55%, #7B3FE4 100%);
  --lr-gradient-primary: linear-gradient(90deg, #2F6BEF, #7B3FE4);

  /* Light theme (default) */
  color-scheme: light;
  --lr-color-background: #FFFFFF;
  --lr-color-surface: #F5F7FC;
  --lr-color-border: #E1E6F2;
  --lr-color-text: #1E2B4F;
  --lr-color-muted: #4A5A80;
  --lr-color-primary: #2F6BEF;
  --lr-color-on-primary: #FFFFFF;
  --lr-color-primary-start: #2F6BEF;
  --lr-color-primary-end: #7B3FE4;
  --lr-color-accent: #7B3FE4;
  --lr-color-on-accent: #FFFFFF;
}

:root:lang(ar),
:root[dir="rtl"] {
  --lr-font-body: var(--lr-font-arabic);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --lr-color-background: #0B1430;
  --lr-color-surface: #131E40;
  --lr-color-border: #26335C;
  --lr-color-text: #FFFFFF;
  --lr-color-muted: #9FB3DB;
  --lr-color-primary: #6B97FF;
  --lr-color-on-primary: #0B1430;
  --lr-color-primary-start: #2F6BEF;
  --lr-color-primary-end: #7B3FE4;
  --lr-color-accent: #A585F5;
  --lr-color-on-accent: #0B1430;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --lr-color-background: #0B1430;
    --lr-color-surface: #131E40;
    --lr-color-border: #26335C;
    --lr-color-text: #FFFFFF;
    --lr-color-muted: #9FB3DB;
    --lr-color-primary: #6B97FF;
    --lr-color-on-primary: #0B1430;
    --lr-color-primary-start: #2F6BEF;
    --lr-color-primary-end: #7B3FE4;
    --lr-color-accent: #A585F5;
    --lr-color-on-accent: #0B1430;
  }
}

/* Optional helpers. Logical properties only, so they work in LTR and RTL. */
.lr-brand-logo {
  display: block;
  block-size: auto;
  max-inline-size: 100%;
  margin-inline: 0;
}

.lr-brand-mark {
  display: inline-block;
  inline-size: 2rem;
  min-inline-size: 16px;
  block-size: auto;
  margin-inline-end: 0.5rem;
}