/* Cloud Match brand tokens — Bandar approved logo package 2026-10-06: Rust + Ink */
:root {
  --cm-ink: #1F1A17;
  --cm-ink-soft: #2C2622;
  --cm-rust: #8F3A14;       /* primary accent */
  --cm-rust-light: #E09A73; /* soft accent / highlights */
  --cm-rust-ink: #8F3A14;   /* rust-colored text on soft bg (AA) */
  --cm-rust-soft: #F7EDE6;  /* soft tint for pills/chips */
  --cm-tagline: #57504A;
  --cm-tagline-on-dark: #D8CFC8;
  --cm-slate: #57504A;      /* muted body text (tagline grey) */
  --cm-line: #E4DDD6;
  --cm-bg: #F7F5F2;
  --cm-white: #FFFFFF;

  --cm-accent: var(--cm-rust);
  --cm-accent-ink: var(--cm-rust-ink);
  --cm-accent-soft: var(--cm-rust-soft);

  /* Keep navy alias only if referenced elsewhere; prefer ink for dark surfaces */
  --cm-navy: var(--cm-ink);
  --cm-navy-700: var(--cm-ink-soft);

  --cm-font-display: "Noto Kufi Arabic", "IBM Plex Sans Arabic", sans-serif;
  --cm-font-body: "IBM Plex Sans Arabic", "IBM Plex Sans", Tahoma, sans-serif;
  --cm-font-latin: "IBM Plex Sans", system-ui, sans-serif;

  --cm-fs-xs: 0.8rem;
  --cm-fs-sm: 0.875rem;
  --cm-fs-base: 1rem;
  --cm-fs-lg: 1.25rem;
  --cm-fs-xl: 1.563rem;
  --cm-fs-2xl: 1.953rem;
  --cm-fs-3xl: 2.441rem;
  --cm-fs-hero: clamp(2.2rem, 4vw + 1rem, 3.5rem);
  --cm-lh-ar: 1.8;
  --cm-lh-en: 1.55;
  --cm-lh-heading: 1.35;
  --cm-fw-heading: 700;
  --cm-fw-body: 400;
  --cm-fw-strong: 600;
  --cm-radius: 12px;
}

/* Compliance badges — soft rust replaces sand-soft for "not launched" */
.cm-badge { font: 500 var(--cm-fs-xs)/1 var(--cm-font-body); padding: 4px 8px; border-radius: 6px; display: inline-flex; gap: 4px; }
.cm-badge--vendor-claim { background: #EDE8E3; color: #3D342E; border: 1px solid #D6CEC6; }
.cm-badge--not-public   { background: transparent; color: #57504A; border: 1px dashed #C4BBB2; }
.cm-badge--not-launched { background: var(--cm-rust-soft); color: var(--cm-rust-ink); border: 1px solid transparent; }