/* Self-hosted Inter web font (OFL-licensed, free to redistribute).
   Replaces the Google Fonts CDN load — keeps internal app traffic internal,
   removes the external dependency, and matches the receipt PDF font.
   font-display: swap means text shows in the system fallback while Inter
   loads, so first paint isn't blocked. */
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Micronet brand + design tokens */
:root {
  /* Brand — 2026 Micronet Brand Guidelines */
  --mn-navy:        #1D4375;          /* Micronet Navy — primary */
  --mn-navy-dark:   #163258;          /* deeper navy — hover / active states */

  /* Surface — neutral light-gray app surfaces.
     NOTE: deviates from the brand guide's warm "Paper" (#F6F5F1) — a
     deliberate call (2026-05-22) for a cleaner modern-webapp feel.
     Brand guide to be updated to match. */
  --mn-bg:          #F6F7F8;          /* page background — grayish off-white */
  --mn-bg-subtle:   #ECEEF1;          /* subtle surface — dividers, hover states */
  --mn-card:        #ffffff;          /* card surfaces (white — lifts off the gray) */

  /* Text — "Ink" body, plus a darkened "Signal Gray" for helper text */
  --mn-text:        #0E1422;          /* Ink — primary text */
  --mn-text-strong: #080C16;          /* emphasis */
  --mn-text-muted:  #5C5F63;          /* darkened Signal Gray — passes AA on the page bg */

  /* Borders — neutral grays */
  --mn-border:      #E5E7EB;          /* default card / input border */
  --mn-border-strong: #D1D5DB;        /* dividers that need more presence */

  /* Status accents */
  --mn-success:     #117a37;
  --mn-success-bg:  #e6f3ec;
  --mn-warn:        #a35d00;
  --mn-warn-bg:     #fdf2dc;
  --mn-danger:      #b3261e;
  --mn-danger-bg:   #fde7e6;
  --mn-info:        #1D4375;
  --mn-info-bg:     #E7ECF2;

  /* Shape */
  --mn-radius:      10px;
  --mn-radius-sm:   6px;
  --mn-radius-lg:   14px;
  --mn-shadow-card: 0 1px 3px rgba(14, 20, 34, .04),
                    0 1px 2px rgba(14, 20, 34, .03);
  --mn-shadow-elev: 0 4px 12px rgba(14, 20, 34, .08),
                    0 2px 4px rgba(14, 20, 34, .04);
  --mn-shadow-modal: 0 1px 2px rgba(14, 20, 34, .06),
                     0 12px 28px rgba(14, 20, 34, .14);

  /* Focus ring (used on inputs, buttons, interactive elements) */
  --mn-ring:        0 0 0 3px rgba(29, 67, 117, .18);
  --mn-ring-danger: 0 0 0 3px rgba(179, 38, 30, .18);

  /* Spacing scale */
  --mn-space-1: 4px;
  --mn-space-2: 8px;
  --mn-space-3: 12px;
  --mn-space-4: 16px;
  --mn-space-5: 24px;
  --mn-space-6: 32px;
  --mn-space-7: 48px;
  --mn-space-8: 64px;

  /* Typography */
  --mn-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                  "Helvetica Neue", Arial, sans-serif;
  --mn-font-mono: ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;
}