/* Mabotia v1.0 : reference de conception, integration progressive. */
:root {
  --mb-background: #F6F3EA;
  --mb-surface: #FFFFFF;
  --mb-text: #111815;
  --mb-muted: #52675E;
  --mb-primary: #163F3C;
  --mb-on-primary: #FFFFFF;
  --mb-border: #6C8178;
  --mb-focus: #163F3C;
  --mb-brand-forest: #163F3C;
  --mb-brand-ink: #111815;
  --mb-brand-ivory: #F6F3EA;
  --mb-brand-white: #FFFFFF;
  --mb-brand-sage: #D9E8E1;
  --mb-brand-mint: #B7DBCF;
  --mb-space-4: 0.25rem;
  --mb-space-8: 0.5rem;
  --mb-space-12: 0.75rem;
  --mb-space-16: 1rem;
  --mb-space-24: 1.5rem;
  --mb-space-32: 2rem;
  --mb-space-48: 3rem;
  --mb-space-64: 4rem;
  --mb-radius-control: 0.75rem;
  --mb-radius-card: 1.25rem;
  --mb-radius-panel: 1.5rem;
  --mb-motion-state: 120ms;
  --mb-motion-appear: 180ms;
  --mb-motion-panel: 240ms;
  --mb-font-title: Poppins, system-ui, sans-serif;
  --mb-font-body: Inter, system-ui, sans-serif;
  --mb-info-text: #163F3C;
  --mb-info-surface: #EAF1EE;
  --mb-success-text: #1F7048;
  --mb-success-surface: #EDF5F1;
  --mb-warning-text: #7A5200;
  --mb-warning-surface: #FEF5E0;
  --mb-error-text: #9B2423;
  --mb-error-surface: #F7EDED;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --mb-background: #0F2422;
  --mb-surface: #163330;
  --mb-text: #F4F7F5;
  --mb-muted: #B8CBC5;
  --mb-primary: #B7DBCF;
  --mb-on-primary: #163F3C;
  --mb-border: #6A9287;
  --mb-focus: #B7DBCF;  --mb-info-text: #B7DBCF;
  --mb-info-surface: #163330;
  --mb-success-text: #A8D5BD;
  --mb-success-surface: #183B2B;
  --mb-warning-text: #F3D28B;
  --mb-warning-surface: #34280F;
  --mb-error-text: #F2B8B5;
  --mb-error-surface: #3C1E1F;

  }
}
:root[data-theme="dark"] {
  --mb-background: #0F2422;
  --mb-surface: #163330;
  --mb-text: #F4F7F5;
  --mb-muted: #B8CBC5;
  --mb-primary: #B7DBCF;
  --mb-on-primary: #163F3C;
  --mb-border: #6A9287;
  --mb-focus: #B7DBCF;  --mb-info-text: #B7DBCF;
  --mb-info-surface: #163330;
  --mb-success-text: #A8D5BD;
  --mb-success-surface: #183B2B;
  --mb-warning-text: #F3D28B;
  --mb-warning-surface: #34280F;
  --mb-error-text: #F2B8B5;
  --mb-error-surface: #3C1E1F;

}
@media (prefers-reduced-motion: reduce) {
  :root { --mb-motion-state: 0ms; --mb-motion-appear: 0ms; --mb-motion-panel: 0ms; }
}