/* ==============================================================================
   Voice2Machine - Custom Styles

   Principles:
   - Minimal overrides (let Material theme do its job)
   - Only enhance, don't fight the framework
   - Easy to maintain and understand
   ============================================================================== */

/* ------------------------------------------------------------------------------
   Design Tokens
   ------------------------------------------------------------------------------ */
:root {
  --v2m-primary: #009688;
  --v2m-accent: #7c4dff;
  --v2m-radius: 8px;
  --v2m-transition: 200ms ease;
}

/* ------------------------------------------------------------------------------
   Global
   ------------------------------------------------------------------------------ */
html {
  scroll-behavior: smooth;
}

/* ------------------------------------------------------------------------------
   Header
   ------------------------------------------------------------------------------ */
.md-header {
  backdrop-filter: blur(8px);
}

/* ------------------------------------------------------------------------------
   Code Blocks
   ------------------------------------------------------------------------------ */
.highlight {
  border-radius: var(--v2m-radius);
}

/* ------------------------------------------------------------------------------
   Admonitions
   ------------------------------------------------------------------------------ */
.admonition {
  border-radius: var(--v2m-radius);
}

/* ------------------------------------------------------------------------------
   Tables
   ------------------------------------------------------------------------------ */
.md-typeset table:not([class]) {
  border-radius: var(--v2m-radius);
  overflow: hidden;
}

/* ------------------------------------------------------------------------------
   Print
   ------------------------------------------------------------------------------ */
@media print {
  .md-sidebar,
  .md-header,
  .md-footer,
  .md-tabs {
    display: none !important;
  }
}