/* =========================================================
   Baito Zanmai design system
   ========================================================= */
:root {
  --bz-primary: #326FED;
  --bz-accent: #817AF5;
  --bz-bg: #F4F6FF;
  --bz-text: #24314F;
  --bz-muted: #6D7792;
  --bz-max: 1240px;
  --bz-surface: #FFFFFF;
  --bz-surface-soft: #F8F9FF;
  --bz-surface-tint: #EEF2FF;
  --bz-border: #DFE5FB;
  --bz-border-soft: #EDF1FF;
  --bz-shadow: 0 14px 38px rgba(74,95,164,.08);
  --bz-shadow-hover: 0 18px 42px rgba(74,95,164,.13);
  --bz-shadow-soft: 0 10px 30px rgba(74,95,164,.06);
  --bz-radius: 24px;
  --bz-radius-sm: 16px;
  --bz-ease: .2s ease;
}

body.bz-dashboard-ui {
  color: var(--bz-text);
  background: #fff;
}

body.bz-dashboard-ui *,
body.bz-dashboard-ui *::before,
body.bz-dashboard-ui *::after {
  box-sizing: border-box;
}

body.bz-dashboard-ui a {
  transition: color var(--bz-ease), background-color var(--bz-ease), border-color var(--bz-ease), box-shadow var(--bz-ease), transform var(--bz-ease), opacity var(--bz-ease);
}

body.bz-dashboard-ui :where(a, button, input, textarea, select):focus-visible {
  outline: 3px solid rgba(50,111,237,.25);
  outline-offset: 3px;
}