/**
 * MinhaDoula — design tokens (fonte: .ai/frontend.md)
 * Marketing + app: importar tokens.css antes de landing.css ou app.css
 * App: public/css/app.css importa este arquivo
 */
:root {
  --md-primary: #393A8F;
  --md-primary-hover: #30317D;
  --md-primary-soft: #4A4B9D;
  --md-secondary: #9B8ACB;
  --md-accent: #D990A8;
  --md-accent-soft: #F4E5EC;
  --md-rose: #9C5872;
  --md-rose-bg: #F4E5EC;

  --md-ink: #20213D;
  --md-muted: #66677D;
  --md-line: rgba(57, 58, 143, 0.14);
  --md-surface: #F6F5FA;
  --md-white: #FFFFFF;
  --md-shadow: 0 24px 80px rgba(32, 33, 61, 0.14);

  --md-app-sidebar: #171428;
  --md-app-sidebar-text: #E8E7F4;
  --md-app-sidebar-muted: #9B9BB8;
  --md-app-canvas: #F1F2F6;
  --md-app-sage: #5B7C6E;
  --md-app-sage-soft: #E8F0EC;
  --md-app-gold: #C9A227;
  --md-app-gold-soft: #FBF3D9;

  --md-font-ui: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --md-font-display: "Sora", "Manrope", sans-serif;
  --md-font-kpi: "Fraunces", "Sora", serif;

  --md-radius-sm: 12px;
  --md-radius-md: 16px;
  --md-radius-lg: 24px;
  --md-radius-pill: 999px;
  --md-container: min(1180px, calc(100% - 40px));
  --md-touch-min: 44px;
}