/* Shadows are ink-tinted, never grey-black, and always paired with a hairline
   border — the border does the definition, the shadow only lifts. No coloured
   glows anywhere except the focus ring. */
:root {
  --shadow-none: none;
  --shadow-xs: 0 1px 1px rgba(20, 25, 34, 0.05);
  --shadow-sm: 0 1px 2px rgba(20, 25, 34, 0.05), 0 2px 6px -2px rgba(20, 25, 34, 0.07);
  --shadow-md: 0 2px 4px -1px rgba(20, 25, 34, 0.05), 0 8px 20px -6px rgba(20, 25, 34, 0.1);
  --shadow-lg: 0 4px 8px -2px rgba(20, 25, 34, 0.05), 0 24px 48px -14px rgba(20, 25, 34, 0.16);
  --shadow-xl: 0 8px 12px -4px rgba(20, 25, 34, 0.06), 0 40px 72px -20px rgba(20, 25, 34, 0.22);

  /* A PDF page sitting on the desk. */
  --shadow-page: 0 1px 1px rgba(20, 25, 34, 0.06), 0 10px 26px -6px rgba(20, 25, 34, 0.14);
  /* Pressed / recessed controls and the signature canvas. */
  --shadow-inset: inset 0 1px 2px rgba(20, 25, 34, 0.07);
  --shadow-inset-strong: inset 0 2px 4px rgba(20, 25, 34, 0.1);
  /* Dark surfaces get a top highlight instead of a shadow. */
  --shadow-inverse-edge: inset 0 1px 0 rgba(255, 255, 255, 0.07);

  --ring-focus: 0 0 0 3px rgba(176, 136, 67, 0.34);
  --ring-focus-danger: 0 0 0 3px rgba(194, 58, 46, 0.28);
  --ring-focus-inverse: 0 0 0 3px rgba(212, 185, 129, 0.42);
  --ring-selected: 0 0 0 1.5px var(--brass-500);

  /* Fades that protect text over imagery. Used instead of dimming whole photos. */
  --scrim-bottom: linear-gradient(to top, rgba(14, 17, 22, 0.82) 0%, rgba(14, 17, 22, 0.5) 38%, rgba(14, 17, 22, 0) 100%); /* @kind other */
  --scrim-top: linear-gradient(to bottom, rgba(14, 17, 22, 0.7) 0%, rgba(14, 17, 22, 0) 100%); /* @kind other */
  /* Scroll-edge fade for document thumbnail rails and long tables. */
  --fade-edge: linear-gradient(to bottom, var(--surface-page), rgba(248, 245, 240, 0)); /* @kind other */

  /* Hairline rule used under section headers and between table rows. */
  --rule-hairline: 1px solid var(--border-hairline); /* @kind other */
  --rule-brass: 1px solid var(--brass-200); /* @kind other */
  /* Dashed rule = "something goes here": empty states, drop zones, unfilled fields. */
  --rule-dashed: 1.5px dashed var(--border-default); /* @kind other */

  --backdrop-blur: saturate(1.4) blur(14px); /* @kind other */
  --overlay-scrim: rgba(14, 17, 22, 0.55);

  --z-base: 0; /* @kind other */
  --z-sticky: 10; /* @kind other */
  --z-dropdown: 100; /* @kind other */
  --z-overlay: 200; /* @kind other */
  --z-modal: 300; /* @kind other */
  --z-toast: 400; /* @kind other */
  --z-tooltip: 500; /* @kind other */
}