/* MIRAI — Elevation & Borders
   Soft, low shadows and hairline borders. Retired from the old identity: blue-bloom
   shadows, glows, glassmorphism. Shadows read as weight, not light. Theme-aware:
   graphite-tinted on paper, true-black-deepened on midnight. */

:root {
  --border-width:      1px;
  --border-hairline:   var(--border-width) solid var(--border);

  /* Paper — shadows tinted with graphite (63,70,74), kept shallow. */
  --shadow-xs:  0 1px 1px rgba(63,70,74,0.05);
  --shadow-sm:  0 1px 2px rgba(63,70,74,0.06), 0 1px 3px rgba(63,70,74,0.04);
  --shadow-md:  0 2px 6px rgba(63,70,74,0.07), 0 6px 16px rgba(63,70,74,0.05);
  --shadow-lg:  0 8px 24px rgba(63,70,74,0.09), 0 2px 6px rgba(63,70,74,0.05);
  --shadow-xl:  0 20px 48px rgba(63,70,74,0.12), 0 6px 14px rgba(63,70,74,0.06);

  /* Inset for wells / pressed fields. */
  --shadow-inset: inset 0 1px 2px rgba(63,70,74,0.06);
}

[data-theme="midnight"] {
  --shadow-xs:  0 1px 1px rgba(0,0,0,0.30);
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.35), 0 1px 3px rgba(0,0,0,0.25);
  --shadow-md:  0 2px 8px rgba(0,0,0,0.40), 0 8px 20px rgba(0,0,0,0.30);
  --shadow-lg:  0 10px 30px rgba(0,0,0,0.45), 0 2px 8px rgba(0,0,0,0.30);
  --shadow-xl:  0 24px 56px rgba(0,0,0,0.55), 0 8px 18px rgba(0,0,0,0.35);
  --shadow-inset: inset 0 1px 2px rgba(0,0,0,0.35);
}