/* Canndata — Spacing, layout, radius, borders, elevation
 * 8-point spacing scale governs all rhythm. The layout is calm and generous —
 * whitespace is the brand, not boxes.
 */
:root {
  /* ---- Spacing scale · base 8px ---- */
  --space-1: 4px;    /* hairline gaps */
  --space-2: 8px;    /* icon / text gap */
  --space-3: 16px;   /* control padding */
  --space-4: 24px;   /* grid gutter */
  --space-5: 32px;   /* card padding */
  --space-6: 48px;   /* block spacing */
  --space-7: 64px;   /* sub-section */
  --space-8: 96px;   /* section (desktop) */

  /* ---- Layout ---- */
  --content-max: 1120px;     /* centered content max-width */
  --reading-max: 680px;      /* reading column */
  --grid-cols: 12;          /* @kind other */
  --grid-gutter: 24px;
  --page-gutter: 80px;       /* desktop · mobile 24px */
  --page-gutter-mobile: 24px;
  --section-pad: 96px;       /* desktop · mobile 56px */
  --section-pad-mobile: 56px;

  /* ---- Corner radius ---- */
  --radius-0: 0;        /* charts, tables — square corners */
  --radius-control: 4px;/* inputs, buttons */
  --radius-card: 6px;   /* cards */
  --radius-pill: 999px; /* tags */

  /* ---- Borders ---- */
  --border-width: 1px;
  --border: 1px solid var(--line);
  --border-strong: 1.5px solid var(--gray-mid);
  --focus-width: 3px;       /* visible navy focus ring */

  /* ---- Elevation ----
   * Containers are flat and bordered, never floating on heavy shadows.
   * Shadow is the rare exception (sticky header lift, dialog), kept very soft.
   */
  --shadow-none: none;
  --shadow-sticky: 0 1px 0 var(--line);             /* header hairline lift */
  --shadow-raised: 0 1px 2px rgba(26,43,74,0.06);   /* barely-there card lift */
  --shadow-dialog: 0 8px 28px rgba(26,43,74,0.16);  /* modal only */

  /* ---- Motion ----
   * Restrained. Quiet fades and short eases; no bounces. Respect reduced-motion.
   */
  --ease: cubic-bezier(0.2, 0, 0.1, 1);  /* @kind other */
  --dur-fast: 120ms;        /* @kind other */
  --dur: 180ms;             /* @kind other */
  --dur-slow: 240ms;        /* @kind other */
}