/* ============================================================
   MAINLINE HUB — DESIGN TOKENS v0.2 (dark-first)
   Source of truth for all Mainline Hub surfaces.
   Derived from Mainline brand: mainlinefire.com, Cinespace
   proposal, invoice/quote templates, arc badge + MF monogram.
   ============================================================ */
:root{
  /* Ink — surfaces (dark theme) */
  --ink-0:#121010;             /* app background */
  --ink-1:#1A1817;             /* cards, list rows */
  --ink-2:#232020;             /* elevated: sheets, popovers */
  --ink-3:#2C2928;             /* hover / pressed */
  --hairline:rgba(255,255,255,.08);
  --hairline-strong:rgba(255,255,255,.14);

  /* Text */
  --text-1:#F5F2EF;            /* primary — warm white */
  --text-2:#A8A29D;            /* secondary */
  --text-3:#6E6963;            /* tertiary / placeholder */

  /* Brand */
  --flame:#D95B39;             /* primary accent — interactive ONLY, never status */
  --flame-hover:#E86F4C;
  --flame-pressed:#C04E2F;
  --flame-subtle:rgba(217,91,57,.14);
  --blue:#2E8FD8;              /* links, info, sync */
  --blue-subtle:rgba(46,143,216,.14);

  /* Status — reserved for inspection state, never decorative */
  --pass:#4CC38A;  --pass-subtle:rgba(76,195,138,.14);
  --fail:#E5484D;  --fail-subtle:rgba(229,72,77,.15);
  --warn:#F2A33C;  --warn-subtle:rgba(242,163,60,.14);
  --na:#8A8580;    --na-subtle:rgba(138,133,128,.14);

  /* Type */
  --font-ui:"PP Neue Montreal",-apple-system,"SF Pro Text",Inter,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;

  /* Shape */
  --r-sm:6px; --r-md:10px; --r-lg:14px; --r-xl:20px;

  /* Space — 4pt grid */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;

  /* Touch */
  --touch-min:44px;            /* Apple HIG floor */
  --touch-field:48px;          /* preferred for P/F/NA inspection taps */
}

/* Light theme — public surfaces (Digital Logbook portal, PDFs) */
[data-theme="light"]{
  --ink-0:#F8F7F6; --ink-1:#FFFFFF; --ink-2:#FFFFFF; --ink-3:#EEECEA;
  --hairline:rgba(19,17,18,.10); --hairline-strong:rgba(19,17,18,.2);
  --text-1:#131112; --text-2:#5F5C58; --text-3:#98938D;
  --flame:#D35B39;             /* print-brand orange on light */
  --blue:#1580D0;
  --pass:#1F8A55; --pass-subtle:rgba(31,138,85,.1);
  --fail:#C93A3F; --fail-subtle:rgba(201,58,63,.09);
  --warn:#B26B12; --warn-subtle:rgba(242,163,60,.14);
}