/* ==========================================================================
   HEZARNAVA — Radii, elevation, iconography, borders
   ========================================================================== */

:root {
  /* ---- Corner radii ---- */
  /* Editorial + record-label motif: mostly square, a few full circles
     (record label, avatar, play button), almost nothing in between. */
  --radius-none: 0px;
  --radius-sm: 2px;    /* inputs, tags, small chips */
  --radius-md: 4px;    /* cards, buttons */
  --radius-lg: 8px;    /* large panels, modals */
  --radius-full: 999px;/* pills, record label, avatars, play controls */

  /* ---- Borders ---- */
  --border-width-hairline: 1px;
  --border-width-emphasis: 2px;

  /* ---- Elevation (dark-mode: lighter surface + soft glow, not black shadow) ---- */
  --elevation-0: none;
  --elevation-1: 0 1px 0 0 var(--color-border);
  --elevation-2: 0 4px 16px -4px oklch(10% 0.005 85 / 0.55);
  --elevation-3: 0 12px 32px -8px oklch(8% 0.005 85 / 0.65);
  --elevation-focus: 0 0 0 2px var(--color-bg-0), 0 0 0 4px var(--color-focus-ring);

  /* ---- Iconography ---- */
  --icon-stroke-width: 1.5px;    /* matches the heh's high-contrast but restrained stroke */
  --icon-grid: 24px;
  --icon-corner: sharp;          /* joins are sharp/mitered, not rounded — see guideline */
}