/* CURSA — Base resets + the CURSA Surface material utility (docs/DESIGN_SYSTEM.md §21).
   .cursa-surface is the ONLY material for Sidebar/Topbar/Dialogs/Popovers — never cards, tables, or forms. */
* { border-color: var(--color-border); box-sizing: border-box; }
html { font-family: var(--font-sans); }
body {
  margin: 0;
  background-color: var(--color-background);
  background-image: var(--color-background-gradient, none);
  color: var(--color-text);
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--text-base-line-height);
}
:focus-visible { outline: none; box-shadow: var(--shadow-focus); }

.cursa-surface {
  background: var(--cursa-surface-bg, var(--color-surface));
  backdrop-filter: blur(var(--cursa-surface-blur, 0px));
  -webkit-backdrop-filter: blur(var(--cursa-surface-blur, 0px));
  border: 1px solid var(--cursa-surface-border, var(--color-border));
  box-shadow: var(--cursa-surface-shadow, var(--shadow-lg));
}

.logo-text {
  font-family: var(--font-logo);
  font-weight: 800;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}