/* ============================================================
   SPACING, RADII, BORDERS, SHADOWS
   Sharp corners throughout — radius is 0 by brand rule.
   Restrained, systematic 4px spacing scale. Borders do the
   work of separation; shadows are used sparingly.
   ============================================================ */

:root {
  /* ---- Spacing scale (4px base) ---- */
  --tt-space-1: 0.25rem;   /* 4 */
  --tt-space-2: 0.5rem;    /* 8 */
  --tt-space-3: 0.75rem;   /* 12 */
  --tt-space-4: 1rem;      /* 16 */
  --tt-space-5: 1.25rem;   /* 20 */
  --tt-space-6: 1.5rem;    /* 24 */
  --tt-space-8: 2rem;      /* 32 */
  --tt-space-10: 2.5rem;   /* 40 */
  --tt-space-12: 3rem;     /* 48 */
  --tt-space-16: 4rem;     /* 64 */
  --tt-space-20: 5rem;     /* 80 */

  /* ---- Radius — SHARP. Everything is 0. ---- */
  --tt-radius: 0;
  --tt-radius-full: 0;

  /* ---- Borders ---- */
  --tt-border-width: 1px;
  --tt-border-width-strong: 2px;
  --tt-accent-line-height: 3px;  /* the electric-indigo rule */

  /* ---- Shadows — minimal; borders do most of the work ---- */
  --tt-shadow-none: none;
  --tt-shadow-sm: 0 1px 2px rgba(30, 27, 58, 0.06);
  --tt-shadow-card: 0 1px 3px rgba(30, 27, 58, 0.08);
  --tt-shadow-pop: 0 8px 24px rgba(30, 27, 58, 0.12);
  --tt-focus-shadow: 0 0 0 3px var(--tt-focus-ring);

  /* ---- Layout ---- */
  --tt-container: 80rem;   /* 1280px max content width */
  --tt-transition: 0.15s ease; /* @kind other */
}