/**
 * VMarket Design Tokens
 * Ref: resources/docs/design-guidelines.md (MCP VMarket)
 */
:root,
[data-theme="light"] {
  --vm-primary: #34bcf7;
  --vm-primary-hover: #29ade4;
  --vm-primary-rgb: 52, 188, 247;
  --vm-primary-tint: #f6fbff;

  --vm-success: #00cc88;
  --vm-success-text: #007a52;
  --vm-success-bg: rgba(0, 204, 136, 0.12);

  --vm-danger: #ff3366;
  --vm-warning: #ff8c00;
  --vm-info: #00d4ff;

  --vm-brand-green: #2f9e5b;
  --vm-brand-green-hover: #278650;
  --vm-brand-green-rgb: 47, 158, 91;
  --vm-brand-green-tint: #eaf7ef;

  --vm-gray-50: #fafafa;
  --vm-gray-100: #f5f9fc;
  --vm-gray-200: #e7eaf0;
  --vm-gray-600: #6b7b93;
  --vm-gray-700: #525f7f;
  --vm-gray-900: #16192c;

  --vm-bg: #ffffff;
  --vm-bg-page: #e4e9ee;
  --vm-bg-secondary: #e4e9ee;
  --vm-surface: #ffffff;
  --vm-input-bg: #ffffff;

  --vm-text: #525f7f;
  /* Teste P.O.: títulos/subtítulos em Verde floresta (era #16192c). */
  --vm-text-heading: #1e4a3a;
  --vm-text-muted: #6b7b93;
  --vm-border: #dbe1e8;

  --vm-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --vm-text-v2-base: 1.2rem;
  --vm-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  --vm-text-xs: 0.8125rem;
  --vm-text-sm: 0.875rem;
  --vm-text-base: 0.875rem;
  --vm-text-lg: 1rem;
  --vm-text-xl: 1.125rem;
  --vm-text-2xl: 1.375rem;
  --vm-text-3xl: 1.75rem;

  --vm-weight-normal: 400;
  --vm-weight-medium: 500;
  --vm-weight-semibold: 600;
  --vm-weight-bold: 700;

  --vm-leading: 1.625;

  --vm-radius-sm: 0.25rem;
  --vm-radius-md: 0.375rem;
  --vm-radius-lg: 0.5rem;
  --vm-radius-xl: 0.75rem;
  --vm-radius-pill: 50rem;

  --vm-shadow: 0px 3px 3px -1px rgba(10, 22, 70, 0.1),
    0px 0px 1px 0px rgba(10, 22, 70, 0.06);
  --vm-shadow-primary: 0 4px 15px rgba(52, 188, 247, 0.35);
  --vm-shadow-input: 0px 1px 2px rgba(50, 50, 71, 0.08);

  --vm-sidebar-width: 240px;
  --vm-header-height: 64px;
}

[data-theme="dark"] {
  --vm-bg: #16192c;
  --vm-bg-page: #16192c;
  --vm-bg-secondary: #1e2330;
  --vm-surface: #1e2330;
  --vm-input-bg: #1e2330;

  --vm-text: #f5f9fc;
  --vm-text-heading: #ffffff;
  --vm-text-muted: #abb6c5;
  --vm-border: #2d3748;

  --vm-primary-tint: rgba(52, 188, 247, 0.12);
  --vm-success-text: #00cc88;
}