/* Lines and depth. This system draws lines; it does not float things.
   No lifting cards, no growing shadows, no glassmorphism. One shadow exists, for the
   condensed nav bar and dialogs only. */
:root {
  --hairline: 1px solid var(--border-hairline); /* @kind other */
  --hairline-soft: 1px solid var(--border-hairline-soft); /* @kind other */
  --hairline-on-deep: 1px solid var(--border-on-deep); /* @kind other */
  --rule-w: 1px; /* @kind spacing */
  /* ember underline weight */
  --rule-w-heavy: 2px; /* @kind spacing */

  --shadow-none: none;
  --shadow-bar: 0 1px 0 var(--border-hairline);                      /* nav bar on paper */
  --shadow-dialog: 0 18px 48px -28px oklch(33% 0.028 25.5 / 0.45);   /* dialogs only */

  --focus-width: 2px; /* @kind spacing */
  --focus-offset: 3px; /* @kind spacing */
  --backdrop: color-mix(in oklab, var(--espresso) 62%, transparent); /* @kind other */
}