/* ============================================================
   Claudia Arias Escobar — Spacing, radii, shadows, layout
   ============================================================ */

:root {
  /* ── Spacing scale (4px base) ── */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;   /* vertical section rhythm */

  /* ── Radii ── */
  --radius-sm:   6px;   /* buttons, chips, small controls */
  --radius-md:   8px;   /* buttons, inputs */
  --radius-lg:   10px;  /* color chips, small cards */
  --radius-xl:   12px;  /* standard cards, logo boxes */
  --radius-2xl:  14px;  /* large panels, social tiles */
  --radius-3xl:  16px;  /* story tiles */
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* ── Shadows (soft, warm-neutral — never harsh) ── */
  --shadow-xs:  0 1px 4px rgba(0, 0, 0, 0.06);
  --shadow-sm:  0 2px 12px rgba(0, 0, 0, 0.07);
  --shadow-md:  0 4px 24px rgba(0, 0, 0, 0.08);
  --shadow-lg:  0 8px 40px rgba(0, 0, 0, 0.10);
  --shadow-card: var(--shadow-md);

  /* ── Borders ── */
  --border-width: 1px;
  --border-accent-width: 3px;   /* gold left-border on email-sig / accents */

  /* ── Layout ── */
  --container-max: 1120px;      /* website content width */
  --container-narrow: 760px;    /* article / prose measure */
  --measure: 64ch;              /* max paragraph width */
  --section-pad-y: var(--space-24);
  --gutter: var(--space-12);

  /* ── Signature accents ── */
  --gold-rule-w: 48px;          /* width of the short gold divider */
  --gold-rule-h: 3px;
  --gold-bar-h: 4px;            /* top accent bar on tiles / slides */

  /* ── Motion ── */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --dur-fast: 0.15s; /* @kind other */
  --dur: 0.25s; /* @kind other */
  --dur-slow: 0.4s; /* @kind other */
}