/* ManaDAX visual identity v1.0 */
:root {
  --brand-navy: #142B45; --brand-emerald: #20A878;
  --action: #087451; --surface: #FFFFFF; --background: #F5F7F8;
  --text: #344054; --muted: #667085; --border: #DDE5E8;
  --success: #087451; --warning: #B54708; --error: #B42318; --info: #175CD3;
  --font-fa: Tahoma, Arial, sans-serif; --font-en: "Segoe UI", Arial, sans-serif;
  --radius-card: 12px; --radius-control: 8px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px;
}
.mdx-surface { background: var(--background); color: var(--text); font: 16px/1.7 var(--font-fa); }
.mdx-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-card); padding: 24px; }
.mdx-button { min-height: 44px; padding: 10px 20px; border: 0; border-radius: var(--radius-control); background: var(--action); color: white; font: 700 14px/1.7 var(--font-fa); cursor: pointer; }
.mdx-button:focus-visible { outline: 2px solid var(--brand-navy); outline-offset: 2px; }
.mdx-button:disabled { background: #E4E7EC; color: #667085; cursor: default; }
[dir="ltr"] { font-family: var(--font-en); }