/* Hestia Media Group — Spacing & grid tokens
 * 8px base unit. Scale: 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 96 / 128.
 */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;

  /* --- Grid & layout --- */
  --grid-columns: 12; /* @kind other */
  --grid-gutter-max: 72px;
  --content-max: 1200px; /* content max-width */
  --fullbleed-max: 1440px; /* full-bleed max-width */

  /* --- Ambient coordinate-grid texture (5–8% opacity motif) --- */
  --grid-cell: 32px;
  --grid-texture:
    repeating-linear-gradient(0deg, var(--grid-line) 0 1px, transparent 1px var(--grid-cell)),
    repeating-linear-gradient(90deg, var(--grid-line) 0 1px, transparent 1px var(--grid-cell));
  /* grid-line hex is already faint; ~6% effective on paper */
  --grid-texture-opacity: 0.5; /* @kind other */
}