/* Design tokens: change brand colors, radii and spacing here only.
   Font files are declared in fonts.css. */

:root {
  /* Base palette: white, warm grey, cream, pastel lime */
  --c-bg: #fbfaf6;          /* page background (warm off-white) */
  --c-surface: #ffffff;     /* raised surfaces: header, form */
  --c-cream: #f3efe2;       /* alternating sections */
  --c-stone: #e5e3dc;       /* borders, dividers (light warm grey) */
  --c-taupe: #a9a79e;       /* decorative grey: lines, icons at rest */
  --c-muted: #5d605b;       /* secondary text (contrast ≥ 6:1 on bg) */
  --c-ink: #2b2f31;         /* main text, dark buttons, footer */
  --c-lime: #e3ecb0;        /* brand pastel lime: highlights, CTA band */
  --c-lime-soft: #f1f5d8;   /* very light lime: icon tiles */
  --c-lime-line: #c4d66a;   /* lime for lines in the network map */
  --c-lime-ink: #546a12;    /* lime readable as text/links (≥ 6:1) */
  --c-mist: #dfe6e8;        /* pastel blue-grey accent */
  --c-pistachio: #d3e59c;   /* header */
  --c-pistachio-soft: #f2f7e1; /* home hero background */
  --c-pistachio-deep: #3d5208; /* English headline on light green (≥ 8:1) */
  --c-on-ink: #f3f2ed;      /* text on dark backgrounds */
  --c-on-ink-muted: #b9b8b0;
  --c-error: #9b2c2c;

  /* Radii: pill buttons, medium images, large bands */
  --r-sm: 10px;
  --r-md: 18px;
  --r-lg: 28px;
  --r-pill: 999px;

  --shadow-soft: 0 1px 2px rgba(43, 47, 49, .04), 0 8px 24px -12px rgba(43, 47, 49, .12);

  /* Spacing */
  --section-y: clamp(3.5rem, 7vw, 6.5rem);
  --gutter: 16px;

  /* Type */
  --font: "Vazirmatn", Tahoma, sans-serif;
  --font-en: "Unbounded", "Vazirmatn", sans-serif;
  --fs-body: 1rem;
  --lh-body: 1.9;
  --fs-small: .875rem;
  --fs-h1: clamp(2rem, 1.2rem + 3.2vw, 3.35rem);
  --fs-h2: clamp(1.55rem, 1.2rem + 1.4vw, 2.15rem);
  --fs-h3: 1.15rem;
}

/* Dark mode is not enabled yet; when it is, override the same variables here. */