/* Glas Community — spacing, radii, lines and elevation.
   Space is part of the Glas identity: generous, calm, never compressed.
   The brand is hand-printed, so corners stay tight and elevation is quiet —
   lines and paper tone do most of the structural work, not heavy shadows. */

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

  /* ---- Semantic rhythm (per typography spec) ---- */
  --gap-label-heading: 0.875rem;  /* 14px label → heading */
  --gap-heading-intro: 1.5rem;    /* 24px heading → intro */
  --gap-paragraph: 1.0625rem;     /* 17px paragraph → paragraph */
  --gap-body-hand: 1.875rem;      /* 30px body → handwritten line */
  --gap-section: 5rem;            /* 80px section → section */

  /* ---- Radii (hand-printed: kept tight) ---- */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* ---- Borders ---- */
  --border-width: 1px;
  --border-width-strong: 1.5px;

  /* ---- Elevation (quiet, warm — prefer lines over shadow) ---- */
  --shadow-none: none;
  --shadow-card: 0 1px 2px rgba(36, 55, 44, 0.05), 0 8px 24px rgba(36, 55, 44, 0.06);
  --shadow-raised: 0 4px 12px rgba(36, 55, 44, 0.10), 0 16px 40px rgba(36, 55, 44, 0.08);

  /* ---- Motion (calm: gentle fades, no bounce) ---- */
  --ease-calm: cubic-bezier(0.33, 0, 0.2, 1); /* @kind other */
  --dur-quick: 140ms; /* @kind other */
  --dur-base: 240ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */

  /* ---- Layout ---- */
  --container-max: 1200px;
  --container-prose: 44rem;
}