/* Facedoor — Space, grid & form
   Base 4px. Generous vertical rhythm is the primary vehicle of the premium
   feeling — when in doubt, increase. The system is angular: near-straight
   corners are an identity decision. Elevation is border + fill, never shadow. */
:root{
  /* Spacing scale: 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96 · 128 · 160 */
  --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;
  --space-40:160px;

  /* Layout */
  --container-max:1280px;
  --container-pad:24px;     /* lateral respiro, mobile */
  --container-pad-lg:48px;  /* lateral respiro, >=1024px */
  --prose-max:720px;
  --gutter:24px;            /* 12-col grid gutter */

  /* Vertical rhythm */
  --section-pad-y:clamp(96px,12vw,160px); /* section padding block */
  --section-gap:48px;                     /* section title -> content */
  --para-gap:24px;                        /* between paragraphs */

  /* Radius — angular by design */
  --radius-control:2px;   /* buttons, inputs */
  --radius-card:4px;      /* cards */
  --radius-band:0;        /* full-width bands */

  /* Border + bracket */
  --border-width:1px;
  --bracket-width:2px;    /* the ONLY place 2px strokes are allowed */
  --bracket-len:24px;     /* corner arm length (16–32) */
  --bracket-gap:14px;     /* corner distance from content (12–16) */

  /* Elevation — only the dropdown menu gets a shadow, kept minimal. */
  --shadow-menu:0 2px 8px rgba(17,17,16,.10),0 1px 2px rgba(17,17,16,.06);

  /* Touch target */
  --tap-min:44px;
}