/* BC Construtora — Spacing, radii, canvas & motion tokens
 * Corners are straight or only slightly rounded (brand direction: sober, institutional —
 * avoid app-like/childish large radii). Photos get a modest radius; highlight boxes are near-square.
 */
:root {
  /* Spacing scale (px, tuned to the 1080-wide canvas) */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 56px;
  --space-8: 72px;
  --space-10: 90px;   /* slide safe margin */
  --space-12: 120px;

  /* Carousel canvas — Instagram portrait 4:5 */
  --canvas-w: 1080px;
  --canvas-h: 1350px;
  --slide-pad: 90px;         /* horizontal + vertical safe margin */
  --measure: 15ch;           /* @kind other */
  --measure-body: 24ch;      /* @kind other */

  /* Radii */
  --radius-none: 0px;
  --radius-highlight: 4px;   /* red text-highlight box — near square */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-image: 28px;      /* rounded photo on image slides */
  --radius-pill: 999px;

  /* Borders */
  --border-hairline: 1px;
  --border-rule: 3px;        /* red underscore rule under the wordmark */

  /* Elevation — used only in design-system chrome, not on the carousel itself */
  --shadow-card: 0 1px 2px rgba(10,10,10,.06), 0 8px 24px rgba(10,10,10,.08);

  /* Motion — restrained, no bounce */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --dur-fast: 160ms; /* @kind other */
  --dur-slide: 420ms; /* @kind other */
}