/* ── Surfaces, edges, depth ──────────────────────────────────────────────
   design.md's radius vocabulary and single shadow tier, verbatim. Sharp 0px is
   the dominant radius: every CTA, card and band. Pill geometry is reserved for
   badges. Depth is photographic + brightness-step, not shadow tiers. */

:root {
  --radius-none: 0px;
  --radius-xs: 2px;     /* tight badges (rare) */
  --radius-sm: 4px;     /* form inputs */
  --radius-md: 6px;     /* compact cards (rare) */
  --radius-lg: 8px;     /* mobile-only collapse cards */
  --radius-xl: 12px;    /* modal / dialog (rare) */
  --radius-full: 9999px; /* badge pills only */
  --radius-pill: var(--radius-full);

  --border-width: 1px; /* @kind other */
  --border-width-strong: 2px; /* @kind other */

  /* The single documented shadow tier. Nothing static casts a shadow. */
  --shadow-small: 0 4px 8px rgba(0, 0, 0, 0.1);
  --shadow-chrome: 0 1px 40px rgba(0, 0, 0, 0.45);
  --shadow-lift: 0 4px 8px rgba(0, 0, 0, 0.1);
  --shadow-none: none;

  /* Glass — navigation over photography only */
  --blur-chrome: saturate(120%) blur(18px); /* @kind other */
  --glass-chrome: rgba(24, 24, 24, 0.82);

  /* Image treatments */
  --image-filter-cinema: saturate(0.9) contrast(1.05) brightness(0.94); /* @kind other */
  --image-filter-archive: grayscale(1) contrast(1.08); /* @kind other */
  --image-hover-scale: 1.04; /* @kind other */

  /* Signature architectural statement band — the livery band translated */
  --statement-band: var(--gradient-brand); /* @kind color */
  --statement-band-height: 2px; /* @kind spacing */

  --focus-ring: 0 0 0 1px var(--canvas), 0 0 0 3px var(--primary); /* @kind shadow */
}