/* ============================================================
   ATEX Decoder — App theme (même design system que la FS App)
   Palette : teal forest + saffron yellow + mint accents
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');

:root {
  /* Brand */
  --gt-primary:        #003634;   /* teal forest — sidebar, headers */
  --gt-primary-700:    #002624;   /* darker variant */
  --gt-primary-300:    #2d6361;   /* lighter variant for hover */
  --gt-accent:         #F4C430;   /* saffron yellow — highlight, active */
  --gt-accent-soft:    #FEF3C7;   /* very soft yellow for backgrounds */
  --gt-mint:           #b8e2a3;   /* mint — success */
  --gt-mint-soft:      #e6f3dd;
  --gt-cream:          #fcfbf1;   /* page bg */
  --gt-alt:            #eceee9;   /* alt bg */
  --gt-border:         #e0e3e5;
  --gt-danger:         #ee4443;
  --gt-warning:        #f59e0b;
  --gt-info:           #0ea5e9;

  /* Text */
  --gt-text:           #003634;
  --gt-text-strong:    #001f1d;
  --gt-text-muted:     #6b7470;
  --gt-text-on-dark:   #f7f9f4;
  --gt-text-on-accent: #ffffff;

  /* Shadows */
  --gt-shadow-sm:      0 1px 2px rgba(0,54,52,0.06);
  --gt-shadow-md:      0 4px 12px rgba(0,54,52,0.08);
  --gt-shadow-lg:      0 8px 24px rgba(0,54,52,0.12);

  /* Geometry */
  --gt-radius:         10px;
  --gt-radius-sm:      6px;
  --gt-radius-lg:      14px;
  --gt-sidebar-w:      260px;
  --gt-topbar-h:       64px;

  /* Segments de marquage (plaque SVG + chips) */
  --np-frame:          #4b5563;   /* cadre ATEX (groupe/cat/atm) */
  --np-mode:           #b45309;   /* modes de protection */
  --np-gas:            #0369a1;   /* groupe gaz / poussière */
  --np-temp:           #b91c1c;   /* classe de température */
  --np-epl:            #1f4014;   /* EPL */

  /* Bootstrap overrides */
  --bs-primary:        var(--gt-primary);
  --bs-primary-rgb:    0, 54, 52;
  --bs-body-bg:        var(--gt-cream);
  --bs-body-color:     var(--gt-text);
  --bs-body-font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --bs-border-color:   var(--gt-border);
  --bs-link-color:     var(--gt-primary);
  --bs-link-hover-color: var(--gt-accent);
}

/* Pastilles de verdict (conformité / cohérence) */
.status-pass    { background: var(--gt-mint-soft);   color: #1f4014;              border: 1px solid var(--gt-mint); }
.status-fail    { background: #fdd9d9;               color: #8a1a1a;              border: 1px solid #f0b6b6; }
.status-warning { background: #fde9c7;               color: #7a4500;              border: 1px solid #f5cf8a; }
.status-unknown { background: var(--gt-alt);         color: var(--gt-text-muted); border: 1px solid var(--gt-border); }