/* ============================================================
   Elrond, for Lightrole Logistics.

   The lightrole.co.uk register (hairlines, wide-tracked uppercase
   micro-labels, very light display weights, a 12-column grid,
   single typeface) inverted from its dark navy canvas into light
   mode. Teal is kept as the accent but deepened: the site's
   #4dd0c5 sits at about 1.7:1 on white and is unreadable on paper.
   ============================================================ */

:root {
  /* Surfaces, cool near-white rather than warm paper */
  --bg:        #f7f8f9;
  --bg-2:      #eef1f4;
  --panel:     #ffffff;
  --panel-2:   #fafbfc;

  /* Hairlines */
  --rule:       #dfe4e8;
  --rule-faint: #eef1f4;

  /* Type ramp */
  --type:      #0f1a24;   /* ink, the inverse of lightrole's #070f18 */
  --type-mute: #5a6875;
  --type-soft: #6b7885;   /* clears 4.5:1 on --bg */

  /* Accent */
  --accent:      #14706a;
  --accent-deep: #0d4f4a;
  --accent-soft: #e4f2f0;

  /* Status, muted for a cool light ground, all AA on their own tint */
  --ok:      #1d7a55;
  --ok-bg:   #e6f0ea;
  --warn:    #8a5a10;
  --warn-bg: #f7eeda;
  --bad:     #a1442f;
  --bad-bg:  #fbeeea;
  --info:    #2f5aa8;
  --info-bg: #e8eefa;

  /* Spacing, 8pt */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 72px; --s-9: 96px;

  /* Layout */
  --gutter: clamp(16px, 4vw, 48px);
  --max-w:  1280px;
  --radius: 2px;          /* barely there, keeps the editorial crispness */

  --font: 'Inter Tight', -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', sans-serif;

  --fs-xs:  0.7rem;
  --fs-sm:  0.8rem;
  --fs-md:  0.9rem;
  --fs-lg:  1.05rem;
  --fs-xl:  1.4rem;
  --fs-2xl: clamp(1.5rem, 2.4vw, 1.95rem);
  --fs-3xl: clamp(2rem, 4vw, 2.8rem);

  --track-up:    0.22em;
  --track-up-sm: 0.14em;
}