/* ============================================================
   Tasman Cluster — Spacing, layout & form tokens
   The system is grid-and-rule driven: a fixed working shell,
   generous vertical section rhythm, and SQUARE corners. There
   are no rounded cards and no drop-shadows in the core brand —
   structure comes from hairline rules, not elevation.
   ============================================================ */

:root {
  /* ---- Spacing scale ------------------------------------- */
  --tc-space-1:  0.25rem;
  --tc-space-2:  0.5rem;
  --tc-space-3:  0.7rem;
  --tc-space-4:  0.9rem;
  --tc-space-5:  1.2rem;
  --tc-space-6:  1.6rem;
  --tc-space-7:  2.2rem;
  --tc-space-8:  2.6rem;
  --tc-space-9:  3.5rem;
  --tc-space-10: 4.5rem;   /* default section vertical padding */
  --tc-space-11: 5.5rem;   /* hero vertical padding */

  /* ---- Working shell ------------------------------------ */
  --tc-shell-max:    1180px;  /* content max-width */
  --tc-shell-gutter: 24px;    /* page side padding */
  --tc-marginal-col: 180px;   /* left marginal-label column width */
  --tc-shell-gap:    3rem;    /* gap between marginal column and body */

  /* ---- Radii — square by default ------------------------- */
  --tc-radius-none: 0;        /* the brand default: NO rounding */
  --tc-radius-dot:  50%;      /* swatch dots only */

  /* ---- Borders ------------------------------------------- */
  --tc-border-width:     1px;
  --tc-border-emphasis:  3px;  /* slogan top-rule, hero accent rules */

  /* ---- Forms / controls ---------------------------------- */
  --tc-control-pad-y:    0.8rem;
  --tc-control-pad-x:    1.3rem;
  --tc-input-pad-y:      0.8rem;
  --tc-input-pad-x:      0.95rem;
  --tc-focus-ring:       2px;   /* outline width */
  --tc-focus-offset:     3px;

  /* ---- Elevation (used sparingly — overlays only) -------- */
  --tc-shadow-panel: 0 8px 30px rgba(30, 43, 38, 0.18);

  /* ---- Semantic aliases ---------------------------------- */
  --section-pad-y:   var(--tc-space-10);
  --hero-pad-y:      var(--tc-space-11);
  --radius:          var(--tc-radius-none);
  --gutter:          var(--tc-shell-gutter);
}
