/* ============================================================
   Azbuka Pro — Spacing, radius, shadow, layout tokens
   ============================================================ */
:root {
  /* Spacing scale (px) — section padding is generous & premium */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 29px;   /* card inner padding used in brand book */
  --sp-7: 34px;   /* card inner padding (components) */
  --sp-8: 48px;
  --sp-9: 71px;   /* section left/right gutter (1280 grid) */
  --sp-10: 100px; /* outer section padding */

  /* Radii — transcribed exactly from source */
  --r-input: 10px;
  --r-chip: 7px;      /* small numbered chip */
  --r-card-sm: 12px;
  --r-card: 14px;
  --r-card-md: 16px;
  --r-card-lg: 18px;  /* primary card / panel radius */
  --r-pill: 999px;

  /* Hairline strokes (rendered as inset box-shadow in source) */
  --stroke-card: inset 0 0 0 1px var(--az-border-cream);
  --stroke-card-navy: inset 0 0 0 1px var(--az-border-gold-16);

  /* Shadows */
  --shadow-mark: 0 20px 44px rgba(0,0,0,0.5);   /* emblem lift on navy */
  --shadow-soft: 0 18px 40px rgba(0,0,0,0.5);
  --shadow-card: 0 8px 30px rgba(15,29,54,0.06);

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast: 0.16s; /* @kind other */
  --dur: 0.24s; /* @kind other */

  /* Layout */
  --content-max: 1280px;
  --content-gutter: 71.19px;
}