/* Romoz Design System — Color tokens
 * Source of truth: DESIGN.md v2 §2.
 * The palette is exactly TWO colors: Charcoal Burnt Brown #2B2622 (near-grayscale warm
 * charcoal — never red/orange/chocolate) and Earthy Beige #D3C8B6,
 * TWO SURFACE MODES ONLY, mirror images: light = #E9E4DB background with #2B2622 content;
 * dark = #2B2622 background with #E9E4DB content. WHITE IS REMOVED ENTIRELY — no white
 * backgrounds, cards or text anywhere. Cards/contrast blocks use beige tints or a hairline.
 * White-mix tints (75/50/25%) are the only permitted extensions. No other hues, no gradients. */
:root{
  /* ---- Brand base (token names kept as stable API) ---- */
  --romoz-brown:#2B2622;
  --romoz-beige:#D3C8B6;

  /* ---- Official white-mix tints ---- */
  --brown-t75:#605C59;
  --brown-t50:#959391;
  --brown-t25:#CAC9C7;
  --beige-t75:#DED6C8;
  --beige-t50:#E9E4DB;
  --beige-t25:#F4F1ED;

  /* ---- Transparent dark, for hairlines and quiet fills only ---- */
  --brown-a10:rgba(43,38,34,.10);
  --brown-a20:rgba(43,38,34,.20);
  --brown-a35:rgba(43,38,34,.35);

  /* ---- Semantic surfaces ---- */
  --surface-page:var(--beige-t50);
  --surface-card:var(--beige-t25);
  --surface-muted:var(--beige-t25);
  --surface-accent:var(--romoz-beige);
  --surface-dark:var(--romoz-brown);

  /* ---- Semantic content ---- */
  --text-strong:var(--romoz-brown);
  --text-body:var(--romoz-brown);
  --text-muted:var(--brown-t75);
  --text-faint:var(--brown-t50);
  --text-on-dark:var(--beige-t50);
  --text-on-dark-muted:var(--romoz-beige);

  /* ---- Lines ---- */
  --border:var(--romoz-beige);
  --border-quiet:var(--brown-a10);
  --border-strong:var(--romoz-brown);
  --focus-ring:var(--brown-a35);

  /* ---- Interactive ---- */
  --color-primary:var(--romoz-brown);
  --color-primary-hover:var(--brown-t75);
  --color-primary-press:var(--romoz-brown);
  --color-on-primary:var(--beige-t50);

  /* ---- Functional state colors — proposal adopted by client request (اقترحها · 2026-07-27).
   * Narrow exception to the two-color rule: form/system feedback ONLY —
   * never decorative, never brand surfaces. Earthy, desaturated, AA on paper. ---- */
  --state-success:#4F5D46;
  --state-success-bg:#E3E7DC;
  --state-warning:#8A6A34;
  --state-warning-bg:#EFE6D0;
  --state-error:#8C4A3C;
  --state-error-bg:#EFDDD6;

  /* ---- Monochrome data ramp (charts: dark 100/75/50/25) ---- */
  --data-1:var(--romoz-brown);
  --data-2:var(--brown-t75);
  --data-3:var(--brown-t50);
  --data-4:var(--brown-t25);
}