/* Variant is flat-first: hairline rules and flat colour fields do the work
   shadows do elsewhere. The shadows below are deliberately faint and reserved
   for genuinely floating surfaces (menus, dialogs, tooltips). */
:root{
  --border-width-hairline:1px;
  --border-width-strong:2px;

  --shadow-none:none;
  --shadow-raised:0 1px 2px rgba(0,0,0,0.06);
  --shadow-overlay:0 12px 32px rgba(0,0,0,0.12);
  --shadow-inset-hairline:inset 0 0 0 1px var(--border-default);

  --focus-ring-width:2px;
  --focus-ring-offset:2px;

  --blur-veil:blur(12px); /* @kind other */
  --scrim-dark:rgba(0,0,0,0.55);
  --scrim-blue:rgba(0,104,254,0.85);
  --protect-bottom:linear-gradient(to top,rgba(0,0,0,0.6),rgba(0,0,0,0)); /* @kind other */
}