/* Velvet ↔ mar-ui bridge (palette violet, tone cool, shape soft; set on <html> by theme-boot.js).
   Velvet keeps its own 1.5 look: its stylesheets load after mar-ui and read theme.css tokens.
   Dark: the kit tokens take Velvet's own surfaces and inks, so Telegram's header and bottom
   bar (syncChrome), the kit toast and any kit block match the app exactly.
   Light: Velvet's main roles in theme.css are anchored on the kit's violet/cool light values,
   so the kit tokens are used as they are. */
:root:not([data-theme="light"]) {
  --ds-bg: var(--bg);
  --ds-surface-1: var(--surface);
  --ds-surface-2: var(--raised);
  --ds-surface-3: var(--hover);
  --ds-surface-hover: var(--hover);
  --ds-elevated: var(--raised);
  --ds-text: var(--text);
  --ds-text-2: var(--muted);
  --ds-text-muted: var(--faint);
  --ds-accent-text: var(--purple);
  --ds-focus: var(--focus-color);
  --ds-success: var(--green);
  --ds-danger-text: var(--red);
}

/* Velvet's line icons are thinner than Lucide; kit .ds-icon only adds the motion. */
.icon { stroke-width: 1.65; }

/* Kit toast in Velvet's voice: the same radius as its cards, readable label size. */
.ds-toast { border-radius: 16px; padding-block: var(--ds-space-2); }
.ds-toast__text { font-size: 13px; line-height: 1.4; color: var(--ds-text); }
:root[data-theme="light"] .ds-toast { border: 1px solid var(--ds-border); }