/* segmnt brand theme v1 — import next to your root stylesheet */
:root {
  /* Brand colours */
  --segmnt-green: #0B5D42;      /* primary — logo, buttons, links, headings (7.9:1 on white) */
  --segmnt-green-contrast: #FFFFFF; /* text/icon on Segmnt Green backgrounds (7.9:1) */
  --segmnt-gold: #C9A227;       /* accent — decorative only (NOT for body text on white) */
  --segmnt-ink: #1C2622;        /* neutral dark — body text (15.6:1 on white) */
  --segmnt-surface: #FFFFFF;    /* light surface */
  --segmnt-surface-soft: #F4F1EA; /* warm sand-tinted surface for cards / sections */

  /* Typeface: IBM Plex Sans Arabic (SIL OFL 1.1)
     official source: https://github.com/IBM/plex  (font: ibm-plex-sans-arabic)
     npm: @fontsource/ibm-plex-sans-arabic */
  --segmnt-font: "IBM Plex Sans Arabic", "Segoe UI", system-ui, sans-serif;
}

/* Arabic-first defaults */
html[dir="rtl"] {
  font-family: var(--segmnt-font);
}