/* ==========================================================================
   Sen Coğrafyanın Kaderisin — design tokens
   Source: brand/Sen_Cografyanin_Kaderisin_Branding.pdf
   Owner: Agent A. Ask in readme/HANDSHAKE.md before changing.
   ========================================================================== */

:root {
  /* ---- Brand colors -------------------------------------------------- */
  --orman: #1B3A2E;      /* primary: headings, body text, dark sections, buttons */
  --doga: #6B8F6E;       /* secondary green: shapes, cards, accents (large text only on cream) */
  --su: #3F7EA6;         /* water blue: accents, sparingly (large text only on cream) */
  --gokyuzu: #C2D8E9;    /* light blue: shapes, cards */
  --toprak: #6B4E3D;     /* earth brown: small accents, tags */

  --bg: #F3F0E7;         /* cream page */
  --bg-site: #F9F6F1;    /* light cream website canvas */
  --kum: #E3E3DB;        /* sand surface (business-card back) */
  --kum-2: #DED8C8;      /* sand, offset "shadow" blocks */
  --muted: #94918A;      /* grey: decorative lines, large captions only */
  --text-soft: #5F5C56;  /* readable grey for small secondary text (AA on cream) */
  --line: #DCD7CA;       /* thin 1px dividers */
  --cream: #F3F0E7;      /* text on dark surfaces */

  /* ---- Type ----------------------------------------------------------- */
  --font: "Avenir Next", "Avenir", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --w-regular: 400;
  --w-demi: 600;

  --fs-display: clamp(3rem, 7vw, 5.5rem);    /* hero */
  --fs-h1: clamp(2.5rem, 5.4vw, 4.25rem);    /* inner page titles */
  --fs-h2: clamp(2rem, 3.8vw, 3rem);
  --fs-h3: clamp(1.375rem, 2.1vw, 1.75rem);
  --fs-lead: clamp(1.125rem, 1.6vw, 1.375rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.9375rem;
  --fs-label: 0.8125rem;                      /* uppercase eyebrows */

  --lh-tight: 1.05;
  --lh-heading: 1.15;
  --lh-body: 1.65;
  --tracking-label: 0.12em;

  /* ---- Space & layout ------------------------------------------------- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --section-y: clamp(4rem, 9vw, 8rem);

  --container: 1240px;
  --gutter: clamp(1rem, 4vw, 3rem);           /* min 16px at phone width */
  --header-h: 92px;

  --radius: 2px;                              /* square-ish buttons, cards */
  --offset: 14px;                             /* business-card offset block */

  /* ---- Motion --------------------------------------------------------- */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur: 240ms;
}