/* ============================================================
   MBHTE-TESD Asset Maintenance System — Design Tokens
   Single source of truth. Components consume ONLY these vars.
   Change the brand here; the whole app follows.
   ============================================================ */
:root {
  /* Brand — MBHTE green & gold language (matches ccdoportal) */
  --ams-green-950: #07251c;
  --ams-green-900: #0b3d2e;
  --ams-green-700: #14684c;
  --ams-green-600: #1a7d5c;
  --ams-green-100: #e3f0ea;
  --ams-green-50:  #f1f7f4;
  --ams-gold-600:  #b8860b;
  --ams-gold-500:  #c9a227;
  --ams-gold-100:  #f7efd6;

  /* Neutrals */
  --ams-ink:       #1a2421;
  --ams-ink-2:     #45524d;
  --ams-ink-3:     #6f7d77;
  --ams-line:      #d9e0dc;
  --ams-line-soft: #e8edea;
  --ams-paper:     #f6f8f7;
  --ams-surface:   #ffffff;

  /* Status — semantic, never used for decoration */
  --ams-ok:        #1a7d5c;
  --ams-ok-bg:     #e3f0ea;
  --ams-warn:      #9a6700;
  --ams-warn-bg:   #fff3d6;
  --ams-danger:    #b3261e;
  --ams-danger-bg: #fbe9e7;
  --ams-info:      #0b57d0;
  --ams-info-bg:   #e7eefc;
  --ams-na:        #6f7d77;
  --ams-na-bg:     #eef1f0;

  /* Type — system stack: zero external requests on the intranet */
  --ams-font: -apple-system, "Segoe UI", Roboto, "Noto Sans", Ubuntu, sans-serif;
  --ams-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --ams-fs-xs: 0.75rem;
  --ams-fs-sm: 0.8125rem;
  --ams-fs-md: 0.9375rem;
  --ams-fs-lg: 1.125rem;
  --ams-fs-xl: 1.5rem;
  --ams-fs-2xl: 2rem;

  /* Space (4px base) */
  --ams-s1: 4px;  --ams-s2: 8px;  --ams-s3: 12px; --ams-s4: 16px;
  --ams-s5: 20px; --ams-s6: 24px; --ams-s8: 32px; --ams-s10: 40px;

  /* Shape & elevation */
  --ams-radius:    8px;
  --ams-radius-sm: 5px;
  --ams-shadow-1: 0 1px 2px rgba(11, 61, 46, .08);
  --ams-shadow-2: 0 4px 16px rgba(11, 61, 46, .12);

  /* Motion */
  --ams-ease: cubic-bezier(.2, .7, .3, 1);
  --ams-t-fast: 120ms;
  --ams-t-med: 220ms;

  /* Focus ring — WCAG 2.4.7, visible on every interactive element */
  --ams-focus: 0 0 0 3px rgba(201, 162, 39, .55);

  /* Layout */
  --ams-sidebar-w: 232px;
  --ams-content-max: 1280px;
}

@media (prefers-reduced-motion: reduce) {
  :root { --ams-t-fast: 0ms; --ams-t-med: 0ms; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}