@import url('/branding/theme.tokens.css');
@import url('/branding/theme.runtime.css');
@import url('/styles/bua-experience.css');

:root {
  --radius-xl: 16px;
  --shadow-soft: var(--shadow);
  --focus: var(--focus-ring);
  --primary: var(--accent-primary);
  --primary-soft: var(--accent-ghost);
  --surface: var(--surface-bg);
  --surface-border: var(--border-default);
  --panel: var(--frame-bg);
  --panel-bg: var(--frame-bg);
  --panel-border: var(--frame-border);
  --border: var(--border-default);
  --white: var(--dv8-white);
  --space-1: var(--space-xs);
  --r-8: var(--radius-md);
  --color-warning: var(--status-warning);
  --color-muted: var(--text-secondary);
  --color-error: var(--status-error);
}

h1 {
  font-family: var(--font-display, "Archivo", system-ui, sans-serif) !important;
}