/*
  Design Family: midnight-clinical
  Superfície escura, painéis um tom acima, filete de 1px como estrutura.
  Azul é marcador, nunca campo. Escopo por atributo (R11).
  Família é linguagem visual: não pertence a categoria nenhuma.
*/
[data-ws2-family="midnight-clinical"] {
  /* cor */
  --mc-ink: #090D13;
  --mc-panel: #111822;
  --mc-panel-soft: #161F2B;
  --mc-line: rgba(233, 238, 245, .12);
  --mc-line-strong: rgba(233, 238, 245, .26);
  --mc-text: #E9EEF5;
  --mc-muted: #9AA7B6;
  --mc-cream: #F4EFE6;
  --mc-accent: #4D8DF0;
  --mc-accent-soft: rgba(77, 141, 240, .16);
  --mc-whatsapp: #25D366;
  --mc-whatsapp-deep: #1EBE5A;

  /* papéis */
  --mc-bg: var(--mc-ink);
  --mc-surface: var(--mc-panel);
  --mc-surface-2: var(--mc-panel-soft);
  --mc-heading: var(--mc-cream);
  --mc-body: var(--mc-text);
  --mc-marker: var(--mc-accent);
  --mc-action: var(--mc-whatsapp);

  /* tipografia */
  --mc-font-heading: "Lora", Georgia, serif;
  --mc-font-body: "Inter", system-ui, sans-serif;
  --mc-nav-size: 15px;
  --mc-body-size: 17px;
  --mc-label-tracking: .14em;
  --mc-hero-heading: clamp(34px, 4.2vw, 58px);
  --mc-section-heading: clamp(26px, 3vw, 40px);
  --mc-body-leading: 1.7;

  /* forma */
  --mc-radius-panel: 12px;
  --mc-radius-image: 14px;
  --mc-radius-button: 10px;
  --mc-radius-chip: 999px;
  --ws2-social-radius: 999px;
  --ws2-map-radius: 12px;

  /* ritmo */
  --mc-container: 1200px;
  --mc-measure: 720px;
  --mc-band-y: clamp(64px, 8vw, 104px);
  --mc-header-h: 84px;

  /* motion */
  --mc-motion-profile: "panel-rise";
  --mc-ease: var(--ws2-ease-out);
}