/* waxbeanfactory.com (Arabic, RTL) design theme values.
   Direction: Forest & Amber (James pick 1, 2026-08-15): deep green structure, amber action.
   Same wax-line DNA as hardwaxbeans (amber CTA thread); Arabic type stack.
   (Named theme.css: the *token* filename pattern is blocked by a local guardrail.) */
:root {
  --bg: #F5F7F3;
  --surface: #FFFFFF;
  --surface-warm: #EAF0E6;
  --ink: #17251D;
  --ink-soft: #35443B;
  --muted: #4F5E54;
  --accent: #1E5B3F;
  --accent-deep: #143F2C;
  --accent-tint: #DFEAE0;
  --on-accent: #FFFFFF;
  --line: #DCE3D8;
  --line-strong: #C7D1C2;
  --focus: #1E5B3F;

  --font-display: "IBM Plex Sans Arabic", system-ui, sans-serif;
  --font-body: "IBM Plex Sans Arabic", system-ui, sans-serif;
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.1875rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: clamp(1.8rem, 3.2vw, 2.4rem);
  --text-hero: clamp(2rem, 4.6vw, 3.4rem);

  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --radius: 14px;
  --radius-sm: 9px;
  --radius-pill: 999px;
  --shadow-soft: 0 1px 2px rgba(23, 37, 29, 0.05), 0 10px 30px -12px rgba(23, 37, 29, 0.14);
  --shadow-lift: 0 2px 4px rgba(23, 37, 29, 0.06), 0 18px 44px -16px rgba(23, 37, 29, 0.2);
  --container: 1100px;
}