/* ===========================================================================
   ACF — EFFECTS: radii, borders, shadows, textures, motion
   The surface language is CARVED STONE INLAID WITH GILT:
   • Corners are nearly sharp — this is masonry, not soft UI.
   • Edges are hairline gilt, often doubled with an inset shadow (a bevel).
   • Elevation reads as depth into darkness + a faint warm rim, never a soft drop.
   • A gold glow marks the LIVE / hovered / selected state only.
   =========================================================================== */
:root {
  /* ---- Radii — almost square. Gold does not round. ---- */
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 5px;
  --radius-pill: 999px;   /* reserved for status dots / chips only */

  /* ---- Border widths ---- */
  --border-w: 1px;
  --border-w-thick: 2px;

  /* ---- Elevation — depth into the dark with a warm rim-light ---- */
  --shadow-sm:
    0 1px 2px rgba(0,0,0,0.6);
  --shadow-md:
    0 4px 14px rgba(0,0,0,0.55),
    0 1px 0 rgba(216,189,128,0.06) inset;
  --shadow-lg:
    0 18px 48px rgba(0,0,0,0.65),
    0 1px 0 rgba(216,189,128,0.08) inset;
  --shadow-float:
    0 28px 80px rgba(0,0,0,0.7),
    0 0 0 1px rgba(168,130,62,0.18);

  /* ---- Inset / carved — sunken wells (inputs, slots, tracks) ---- */
  --shadow-inset:
    inset 0 2px 6px rgba(0,0,0,0.7),
    inset 0 0 0 1px rgba(0,0,0,0.4);
  --bevel-up:
    inset 0 1px 0 rgba(216,189,128,0.14),
    inset 0 -1px 0 rgba(0,0,0,0.5); /* @kind shadow */

  /* ---- Gilt glow — the LIVE state. Use sparingly. ---- */
  --glow-gilt: 0 0 0 1px rgba(195,162,92,0.5), 0 0 18px rgba(195,162,92,0.22);
  --glow-war:  0 0 0 1px rgba(158,75,46,0.55), 0 0 16px rgba(158,75,46,0.28);
  --glow-focus: 0 0 0 2px var(--bg-void), 0 0 0 4px var(--focus-ring);

  /* ---- Textures — apply as background layers over a surface fill ---- */
  /* Fine film grain: dust and age. Stack OVER a solid color. */
  --texture-grain:
    radial-gradient(rgba(216,189,128,0.05) 0.5px, transparent 0.6px); /* @kind other */
  --texture-grain-size: 3px 3px;
  /* A vertical gilt seam highlight, like raking light down a carved edge. */
  --sheen-vertical:
    linear-gradient(180deg, rgba(216,189,128,0.10), transparent 38%, transparent 70%, rgba(0,0,0,0.35)); /* @kind other */
  /* Vignette for hero / full-bleed frames. */
  --vignette:
    radial-gradient(120% 100% at 50% 0%, transparent 45%, rgba(0,0,0,0.55) 100%); /* @kind other */

  /* ---- Motion — slow, weighty, ceremonial. No bounce. ---- */
  --ease-stone: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */ /* settle, like a slab seating */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 220ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
  --dur-ceremony: 800ms; /* @kind other */ /* reveals, sigil ignitions */
}