/* GILTI — Effects: radii, shadows, motion, texture.
   Quiet-luxury restraint: small radii, soft warm shadows, springy charm motion. */

:root {
  /* ----- Corner radii (mostly crisp; charms & pills are the round exception) ----- */
  --r-xs:   3px;
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-pill: 999px;
  --r-circle: 50%;

  /* ----- Shadows (warm-tinted, low, never grey) ----- */
  --shadow-xs:  0 1px 2px rgba(54, 42, 28, 0.06);
  --shadow-sm:  0 2px 8px rgba(54, 42, 28, 0.08);
  --shadow-md:  0 8px 24px rgba(54, 42, 28, 0.10);
  --shadow-lg:  0 20px 48px rgba(54, 42, 28, 0.14);
  /* lifted charm — tactile, slightly metallic edge */
  --shadow-charm: 0 4px 10px rgba(54, 42, 28, 0.18), inset 0 1px 1px rgba(255,255,255,0.6);
  --shadow-inset: inset 0 1px 3px rgba(54, 42, 28, 0.12);
  --ring-focus: 0 0 0 3px var(--focus-ring);

  /* ----- Borders ----- */
  --bw-hair: 1px; /* @kind spacing */
  --bw-med:  1.5px; /* @kind spacing */

  /* ----- Motion ----- */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   220ms; /* @kind other */
  --dur-slow:   420ms; /* @kind other */
  --dur-reveal: 720ms; /* @kind other */
  --ease-quiet:  cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  /* charm snap — springy, tactile clip-on feel */
  --ease-snap:   cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */

  /* ----- Texture ----- */
  /* warm 35mm grain — layer at low opacity over imagery/sections */
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E"); /* @kind other */
}