/* ==========================================================================
   Arcora Design System — tokens
   Derived from the "Arcline Estate" visual reference:
   cool paper ground, near-black ink, one steel-blue accent, light uppercase
   Montserrat display, rounded media, pill controls, hairline data rules.
   ========================================================================== */

:root {
  /* ---- Colour ---------------------------------------------------------- */
  --c-ground: #f7f7f9;        /* page paper, cool off-white */
  --c-ground-2: #eeeef2;      /* tone step for quiet surfaces */
  --c-ground-3: #e3e4ea;      /* pressed / skeleton */
  --c-ink: #0d0d0f;           /* headlines, running text */
  --c-ink-2: #4a4b52;         /* secondary text */
  --c-ink-3: #8a8b93;         /* section labels, captions */
  --c-accent: #6f8fb4;        /* steel blue — accent words, active states */
  --c-accent-ink: #4d6c91;    /* accent on light at AA for small text */
  --c-line: rgba(13, 13, 15, 0.16);   /* data hairlines only (stats, specs) */
  --c-line-strong: rgba(13, 13, 15, 0.42);
  --c-night: #0f1216;         /* dark field (footer, contact) */
  --c-night-2: #1a1e24;
  --c-on-night: #f2f3f6;
  --c-on-night-2: rgba(242, 243, 246, 0.62);
  --c-glass: rgba(16, 18, 22, 0.34);  /* hero overlay cards only */
  --c-glass-line: rgba(255, 255, 255, 0.28);
  --c-scrim: rgba(8, 10, 14, 0.42);

  /* ---- Type ------------------------------------------------------------ */
  --f-display: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --f-text: "Inter", "Helvetica Neue", Arial, sans-serif;

  --w-light: 300;
  --w-regular: 400;
  --w-medium: 500;

  /* fluid scale: 390px → 1440px */
  --t-mega: clamp(3.4rem, 12.6vw, 13rem);     /* wordmark behind the house */
  --t-hero: clamp(1.5rem, 2.5vw, 2.25rem);    /* hero statement */
  --t-statement: clamp(1.4rem, 2.4vw, 2.25rem); /* section statements */
  --t-stat: clamp(3rem, 6.4vw, 6rem);         /* big figures */
  --t-label: clamp(1.15rem, 1.65vw, 1.5rem);  /* "ABOUT US" style labels */
  --t-body: 1rem;
  --t-small: 0.875rem;
  --t-micro: 0.8125rem;

  --lh-display: 0.98;
  --lh-statement: 1.04;
  --lh-body: 1.55;
  --tr-display: -0.02em;
  --tr-caps: 0.01em;

  /* ---- Space ----------------------------------------------------------- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 140px;
  --s-11: 200px;
  --gutter: clamp(16px, 1.6vw, 24px);         /* outer page margin */
  --section-gap: clamp(96px, 13vw, 200px);

  /* ---- Shape ----------------------------------------------------------- */
  --r-media: 18px;
  --r-media-sm: 12px;
  --r-pill: 999px;

  /* ---- Motion ---------------------------------------------------------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --d-fast: 180ms;
  --d-base: 420ms;
  --d-slow: 900ms;
  --stagger: 70ms;
}