/* ICONIC — Effects: shadows, borders, motion
   Shadows are barely-there (the aesthetic is embossed, tactile, matte —
   not floating cards). Motion is calm and precise: no bounce. */

:root {
  /* Elevation — soft, warm-grey, low-contrast */
  --shadow-none: none;
  --shadow-xs:   0 1px 2px rgba(23, 22, 20, 0.04);
  --shadow-sm:   0 2px 8px rgba(23, 22, 20, 0.05);
  --shadow-md:   0 8px 24px rgba(23, 22, 20, 0.07);
  --shadow-lg:   0 24px 60px rgba(23, 22, 20, 0.10);

  /* Emboss — the signature press-in effect from the brand mark */
  --emboss: inset 0 1px 1px rgba(255,255,255,0.6),
            inset 0 -1px 1px rgba(23,22,20,0.06); /* @kind shadow */

  /* Borders */
  --border-width: 1px;
  --border-hairline: 1px solid var(--border-default);

  /* Motion */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in:       cubic-bezier(0.7, 0, 0.84, 0); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   240ms; /* @kind other */
  --dur-slow:   420ms; /* @kind other */

  /* Focus */
  --focus-ring-width: 2px; /* @kind other */
  --focus-ring-offset: 2px; /* @kind other */
}