/* Cara Core PDV Desktop (Rust + Tauri) — design tokens */
:root {
  --bg: #f2f6fb;
  --ink: #1a2a3a;
  --muted: #4f647a;
  --brand: #0b3a66;
  --brand-2: #14538e;
  --card: #ffffff;
  --line: #c6d5e6;
  --ok: #e7f7ea;
  --warn: #fff6e5;
  --danger: #fdecea;

  /* Margens laterais: respiro entre conteúdo e borda da tela */
  --page-gutter: clamp(1rem, 4vw, 1.75rem);
  --shell-margin: clamp(0.75rem, 3vw, 1.5rem);

  --content-max: 1280px;
  --space-page: var(--page-gutter);
  --header-pad-y: 28px;
  --header-pad-x: var(--page-gutter);
  --nav-link-min-h: 44px;
  --radius-card: 14px;
  --shadow-card: 0 8px 20px rgba(11, 58, 102, 0.06);
  --shadow-card-hover: 0 10px 24px rgba(11, 58, 102, 0.1);

  /* breakpoints (reference): mobile ≤639 · tablet 640–1023 · desktop ≥1024 */
}

@media (max-width: 639px) {
  :root {
    --header-pad-y: 20px;
    --radius-card: 12px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  :root {
    --header-pad-y: 24px;
  }
}