/**
 * Al-Mishqas Exchange color tokens.
 * Ratios use the WCAG contrast-ratio formula and are calculated against the
 * adjacent background named in each comment.
 */
:root {
  --almishqas-color-brand-primary: #3FAA69; /* 2.93:1 on white; 2.57:1 on cream — logo and decorative fills only. */
  --almishqas-color-brand-ui: #259152; /* 4.00:1 on white; 3.51:1 on cream — borders, icons, focus rings, UI graphics, and large text. */
  --almishqas-color-brand-text: #1F6F48; /* 6.13:1 on white; 5.38:1 on cream — AA normal text and links. */
  --almishqas-color-brand-strong: #195B3B; /* 8.07:1 on white; 7.09:1 on cream — AAA normal text and headings. */
  --almishqas-color-surface: #F3F0E7; /* Official cream; 13.27:1 with ink, 5.38:1 with brand text, 3.51:1 with brand UI, and 3.80:1 with border. */
  --almishqas-color-surface-raised: #FFFFFF; /* 15.12:1 with ink, 6.13:1 with brand text, 4.00:1 with brand UI, and 4.33:1 with border. */
  --almishqas-color-surface-subtle-green: #E5F5EC; /* 13.40:1 with ink; 5.43:1 with brand text. */
  --almishqas-color-ink: #172A20; /* 15.12:1 on white; 13.27:1 on cream — AAA normal text. */
  --almishqas-color-border: #64806E; /* 4.33:1 on white; 3.80:1 on cream — passes 3:1 UI-boundary contrast. */
  --almishqas-color-danger: #9B1C1C; /* 8.15:1 on white; 7.47:1 on danger surface — AAA normal text. */
  --almishqas-color-danger-surface: #FFF2F2; /* Low-emphasis error surface; 7.47:1 with danger. */
  --almishqas-color-on-brand: #FFFFFF; /* 6.13:1 on brand text; use brand text or strong behind normal button labels. */
}