/*
 * Shared XPI theme layer (Vaadin 25).
 *
 * Load AFTER the runner chooses a foundation theme:
 *   @StyleSheet(Aura.STYLESHEET)  OR  @StyleSheet(Lumo.STYLESHEET)
 *   @StyleSheet(XTheme.STYLESHEET)
 *   @StyleSheet("styles.css")           // optional runner brand
 *
 * Prefer --vaadin-* (works with Aura and Lumo). Semantic --x-* tokens
 * bridge theme-specific accent/status/typography with dual fallbacks.
 */

@import url('./tokens.css');
@import url('./utilities.css');
@import url('./layout.css');

/* Legacy class names used by LumoStyles / Size enums (spacing-*, margin-*, padding-*, …) */
@import url('./legacy/spacing.css');
@import url('./legacy/margin.css');
@import url('./legacy/padding.css');
@import url('./legacy/shadow.css');
@import url('./legacy/border-radius.css');
@import url('./legacy/icon-size.css');
@import url('./legacy/typography.css');

html, body {
  font-family: var(--vaadin-font-family, var(--aura-font-family, var(--lumo-font-family, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)));
}