/* PotLuck Inventory app design tokens v1 (2026-10-02). Derived from the landing page (Option A + B).
   Readability rule (Kris, 2026-10-02): no 300/400 weights anywhere. Body 500, table cells and labels 600,
   headings and stats 700+, Fraunces titles 700+. Base size 16px. Body ink 15.6:1, secondary 9.7:1, lightest allowed text 7.0:1 on cream. */
@font-face{font-family:'Plus Jakarta Sans';font-weight:500;font-style:normal;font-display:swap;src:url('/fonts/pli/plus-jakarta-sans-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-weight:600;font-style:normal;font-display:swap;src:url('/fonts/pli/plus-jakarta-sans-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-weight:700;font-style:normal;font-display:swap;src:url('/fonts/pli/plus-jakarta-sans-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-weight:800;font-style:normal;font-display:swap;src:url('/fonts/pli/plus-jakarta-sans-latin-800-normal.woff2') format('woff2')}
@font-face{font-family:'Fraunces';font-weight:700;font-style:normal;font-display:swap;src:url('/fonts/pli/fraunces-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Fraunces';font-weight:700;font-style:italic;font-display:swap;src:url('/fonts/pli/fraunces-latin-700-italic.woff2') format('woff2')}
@font-face{font-family:'Fraunces';font-weight:800;font-style:normal;font-display:swap;src:url('/fonts/pli/fraunces-latin-800-normal.woff2') format('woff2')}

:root{
  /* surfaces */
  --pli-canvas:#fbf6ec;        /* page background (landing cream) */
  --pli-surface:#ffffff;       /* cards, tables, inputs */
  --pli-surface-2:#f4ecdc;     /* table header, wells, sidebar hover */
  --pli-sidebar:#f6efe1;       /* sidebar rail */
  --pli-line:#e2d6c1;          /* hairlines (visible on white AND cream) */
  --pli-line-strong:#c9b893;   /* input borders, focus-adjacent */

  /* ink (contrast on --pli-canvas) */
  --pli-ink:#13201a;           /* 15.6:1  body, table cells, headings */
  --pli-ink-2:#34433a;         /*  9.7:1  secondary text, helper text, meta */
  --pli-ink-3:#4a584f;         /*  7.0:1  lightest allowed: placeholders, timestamps */
  --pli-on-primary:#ffffff;    /*  7.8:1  on --pli-green-700 */

  /* brand green (primary) */
  --pli-green-50:#eef7f0; --pli-green-100:#d8ecdd; --pli-green-200:#b0d9bc; --pli-green-300:#7fbf95;
  --pli-green-400:#4c9e6d; --pli-green-500:#25804f; --pli-green-600:#1a6a41; --pli-green-700:#155e3b;
  --pli-green-800:#0e3f28; --pli-green-900:#0a2e1d; --pli-green-950:#061c12;
  --pli-primary:var(--pli-green-700); --pli-primary-hover:var(--pli-green-800);

  /* accents (sparing) */
  --pli-gold:#b8892a;          /* decorative only: eyebrow rule, featured star. Never text on cream (<4.5:1) */
  --pli-price:#13201a;         /* prices are ink 800 in the app; the orange price pill lives ONLY inside TV board previews */

  /* status (text on tint, all >= 7.2:1) */
  --pli-ok-fg:#0f5a33;   --pli-ok-bg:#e4f3e8;   --pli-ok-dot:#1f9d55;
  --pli-warn-fg:#6b4100; --pli-warn-bg:#fcefc7; --pli-warn-dot:#d29a00;   /* amber, not orange */
  --pli-bad-fg:#8f2318;  --pli-bad-bg:#fde5e1;  --pli-bad-dot:#c8372a;
  --pli-info-fg:#1a4a75; --pli-info-bg:#e3edf8; --pli-info-dot:#2f6fae;
  --pli-idle-fg:#3a463f; --pli-idle-bg:#ece6d8; --pli-idle-dot:#7d8a80;   /* "not set up yet" — calm, never red */

  /* type */
  --pli-sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --pli-serif:"Fraunces",Georgia,"Times New Roman",serif;
  --pli-fw-body:500; --pli-fw-label:600; --pli-fw-cell:600; --pli-fw-strong:700; --pli-fw-heading:700; --pli-fw-display:800;
  --pli-fs-xs:13px;    /* 600+, meta only (timestamps, chips). Never body. */
  --pli-fs-sm:14px;    /* 600: labels, helper, badges */
  --pli-fs-cell:15px;  /* 600: table cells */
  --pli-fs-base:16px;  /* 500: body */
  --pli-fs-lg:18px;    /* 600/700: lead, card titles */
  --pli-fs-h3:20px;    /* 700 sans: section titles */
  --pli-fs-h2:24px;    /* 700 sans: panel titles */
  --pli-fs-title:32px; /* Fraunces 700: page titles (28px on mobile) */
  --pli-fs-stat:34px;  /* 800 sans tabular: stat numbers */
  --pli-lh-tight:1.15; --pli-lh-base:1.55;
  --pli-track-eyebrow:.08em;

  /* space (4px grid) */
  --pli-s1:4px; --pli-s2:8px; --pli-s3:12px; --pli-s4:16px; --pli-s5:20px; --pli-s6:24px; --pli-s8:32px; --pli-s10:40px; --pli-s12:48px;

  /* radii */
  --pli-r-sm:8px;  /* inputs, small buttons */
  --pli-r-md:12px; /* buttons, thumbnails */
  --pli-r-lg:18px; /* cards, tables (landing B cards) */
  --pli-r-xl:24px; /* hero panels */
  --pli-r-pill:999px;

  /* elevation */
  --pli-shadow-1:0 1px 2px rgba(19,32,26,.06);
  --pli-shadow-2:0 1px 2px rgba(19,32,26,.06),0 10px 28px -18px rgba(19,32,26,.35);
  --pli-focus:0 0 0 3px #fbf6ec,0 0 0 6px #155e3b;

  /* layout */
  --pli-sidebar-w:264px; --pli-topbar-h:64px; --pli-content-max:1280px; --pli-tap:44px;
}

/* optional dark mode ("Evening") — user toggle, not default */
.dark,[data-theme="dark"]{
  --pli-canvas:#101813; --pli-surface:#17221b; --pli-surface-2:#1e2b23; --pli-sidebar:#0c140f;
  --pli-line:#2c3b31; --pli-line-strong:#3d5143;
  --pli-ink:#f4f1e8;   /* 16.0:1 */
  --pli-ink-2:#d3d8cf; /* 12.5:1 */
  --pli-ink-3:#b9c2b8; /*  9.9:1 */
  --pli-primary:#7fd3a0; --pli-primary-hover:#9fe0b7; --pli-on-primary:#0b1f14; /* 9.6:1 */
  --pli-ok-fg:#a7e8c0; --pli-ok-bg:#16331f; --pli-warn-fg:#f6d58a; --pli-warn-bg:#3a2c0b;
  --pli-bad-fg:#ffb4a8; --pli-bad-bg:#3d1712; --pli-info-fg:#b5d3f3; --pli-info-bg:#14273b;
  --pli-idle-fg:#d3d8cf; --pli-idle-bg:#243128;
  --pli-focus:0 0 0 3px #101813,0 0 0 6px #7fd3a0;
}