/* The Inter / JetBrains Mono stylesheet is linked from index.html (with preconnect)
   instead of @import here, so fonts start loading without waiting on this file. */

/* FamilyFi type.
   Inter (Google Fonts) is the system's one UI family — it carries body, labels and
   display alike; the display token differs only in optical sizing and tracking.
   JetBrains Mono holds the machine column (MAC, IP, policy names). Both are
   brand-layer choices, not shipped by the product repo, which renders system-ui. */
:root{
  --ff-font:"Inter",system-ui,-apple-system,"Helvetica Neue",sans-serif;
  --ff-font-display:"Inter",system-ui,-apple-system,sans-serif;
  --ff-font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  /* Size ramp — every value is one the product actually renders. 14px is the floor:
     AGENTS.md forbids text under 14px below 0.7 alpha, and the app's small print
     (11px / 12px / 12.5px) is reserved for the dense Rules and mark surfaces. */
  --ff-text-page-title:21px;   /* PageHeader h1 */
  --ff-text-stat:26px;         /* Sync stat number */
  --ff-text-card-title:19px;   /* GroupCard name, phone */
  --ff-text-card-title-web:17px;
  --ff-text-sheet-title:17px;
  --ff-text-action:16px;       /* phone action row, inputs */
  --ff-text-brand:15px;        /* sidebar wordmark */
  --ff-text-body:14px;         /* the app's workhorse size */
  --ff-text-row:13.5px;        /* rule row name, text field */
  --ff-text-dense:12.5px;      /* time field, day picker */
  --ff-text-label:12px;        /* field label */
  --ff-text-micro:11.5px;      /* toggle pill */
  --ff-text-section:11px;      /* CATEGORY RULES section label */
  --ff-text-mark:10px;         /* mark caption */
  --ff-text-mark-state:9px;    /* mark state word */

  --ff-weight-regular:400;
  --ff-weight-medium:500;
  --ff-weight-semibold:600;
  --ff-weight-bold:700;

  --ff-leading-tight:1.2;
  --ff-leading-body:20px;      /* the app's literal leading-5 on 14px copy */
  --ff-leading-relaxed:1.6;

  --ff-tracking-tight:-0.01em; /* titles, monograms */
  --ff-tracking-wide:0.05em;   /* uppercase section labels */
}