/* Mistral Cuisine — Atelier Brut · Design tokens
   Direction visuelle validée : magazine, béton, display, typographie puissante. */

:root {
  /* ── Couleurs ────────────────────────────────────────── */
  --at-bg:        #e8e3d8;   /* béton clair */
  --at-bg-deep:   #ddd6c5;   /* béton ombré */
  --at-paper:     #f4f0e6;   /* papier crème (cartes) */
  --at-ink:       #1a1612;   /* encre / sidebar / boutons */
  --at-wood:      #8b5a3c;   /* labels secondaires */
  --at-brass:     #a88454;   /* meta · footers */
  --at-burnt:     #c14a1a;   /* accent / alerte / marge */

  /* ── Filets ──────────────────────────────────────────── */
  --at-rule:      rgba(26, 22, 18, 0.14);
  --at-rule-soft: rgba(26, 22, 18, 0.06);
  --at-rule-dark: rgba(255, 255, 255, 0.12);

  /* ── Typographie ─────────────────────────────────────── */
  --ff-display: "Bricolage Grotesque", "Manrope", sans-serif;
  --ff-body:    "Manrope", system-ui, sans-serif;
  --ff-mono:    "JetBrains Mono", monospace;

  /* ── Échelles ────────────────────────────────────────── */
  --sb-w: 220px;
  --topbar-h: 64px;
  --tabbar-h: 64px;

  /* ── Breakpoint ──────────────────────────────────────── */
  --bp-desktop: 900px;
}

* { box-sizing: border-box; }
html, body {
  margin: 0; padding: 0; height: 100%;
  background: var(--at-bg); color: var(--at-ink);
  font-family: var(--ff-body);
  -webkit-font-smoothing: antialiased;
}
button { font-family: inherit; }
@keyframes spin { to { transform: rotate(360deg); } }

/* Responsive shell visibility ─────────────────────────── */
.at-sidebar { display: flex; }
.at-tabbar  { display: none; }

@media (max-width: 899px) {
  .at-sidebar { display: none; }
  .at-tabbar  { display: flex; }
  .at-main    { padding-bottom: var(--tabbar-h); }
  .at-topbar h1   { font-size: 20px !important; }
  .at-topbar .at-topbar-actions { display: none; }
}