@import "tailwindcss";
@import "./malio.css";

@theme {
  --color-panel: #0f172a;
  --color-panel-soft: #1e293b;
  --color-m-primary: rgb(var(--m-primary));
  --color-m-secondary: rgb(var(--m-secondary));
  --color-m-tertiary: rgb(var(--m-tertiary));
  --color-m-border: rgb(var(--m-border));
  --color-m-text: rgb(var(--m-text));
  --color-m-muted: rgb(var(--m-muted));
  --color-m-bg: rgb(var(--m-bg));
  --color-m-error: rgb(var(--m-error));
  --color-m-success: rgb(var(--m-success));
  /* Alias pour la faute de frappe courante "m-succes" */
  --color-m-succes: rgb(var(--m-success));
}

@layer utilities {
  .bg-grid {
    background-image:
      linear-gradient(to right, rgba(148, 163, 184, 0.12) 1px, transparent 1px),
      linear-gradient(to bottom, rgba(148, 163, 184, 0.12) 1px, transparent 1px);
    background-size: 32px 32px;
  }
}