/* ═══════════════════════════════════════════════════════════════════
   VINEPLUS DESIGN SYSTEM v1.0 — Master Token Import
   Import this single file to get all design tokens.
   ═══════════════════════════════════════════════════════════════════ */

@import './colors.css';
@import './typography.css';
@import './spacing.css';
@import './elevation.css';
@import './motion.css';
@import './shape.css';

/* Global: no underline on ds-* links */
a[class*="ds-"] { text-decoration: none; }

/* Glass Effect — applied to surfaces */
.glass {
  background: rgba(255,255,255,0.7) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.3);
}

/* All Material Icons inherit brand styling */
[data-theme="vineplus"] .material-symbols-rounded {
  color: var(--ds-icon-surface);
}
[data-theme="vineplus"] .ds-nav-item.active .material-symbols-rounded,
[data-theme="vineplus"] .icon-active {
  color: var(--ds-icon-brand) !important;
}