/**
 * Tokens globais e base — usados pelo shell (layout-shell.css),
 * páginas dinâmicas (pages.js) e páginas estáticas (ofx.html).
 * Breakpoints alinhados ao grid Materialize: s ≤600, m 601–992, l ≥993.
 */
:root {
  --primary: #26a69a;
  --primary-dark: #00897b;
  --light: #f8f9fa;
  --body-bg: #fafafa;
  --text-primary: rgba(0, 0, 0, 0.87);
  --text-secondary: rgba(0, 0, 0, 0.6);
  --border-color: #e0e0e0;
  --layout-sidebar-width: 200px;
  --layout-max-content: 1400px;
  --touch-target-min: 44px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  background: var(--body-bg);
  color: var(--text-primary);
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5;
}