/* idefzero.com — design tokens
   Identity: the engineering drawing sheet.
   Mylar paper, Prussian blue linework, blue-black ink,
   redline red reserved exclusively for flags and warnings. */

:root {
  /* Color */
  --mylar:    #F2F1EB;  /* page ground — cool drafting-film white */
  --vellum:   #FAF9F5;  /* raised surfaces: cards, inputs, canvas */
  --prussian: #0F3B5F;  /* structural linework, headings, chrome */
  --ink:      #1A2530;  /* body text — blue-black drafting ink */
  --linework: #C4CDD3;  /* faint grid rules, borders, dividers */
  --redline:  #C0311C;  /* markup red: errors, flags, warnings ONLY */
  --stamp:    #2E6B4F;  /* approval green: pass states, success ONLY */
  --caution:  #B98A17;  /* drafting amber: moderate/caution semantics ONLY (risk banding) */

  /* Type */
  --display: "IBM Plex Sans Condensed", "Arial Narrow", sans-serif; /* drawing-title lettering: uppercase, tracked */
  --body:    "IBM Plex Sans", system-ui, sans-serif;
  --mono:    "IBM Plex Mono", ui-monospace, monospace;              /* title block, data, IDs */

  --text-xs: 0.72rem;
  --text-sm: 0.86rem;
  --text-md: 1rem;
  --text-lg: 1.35rem;
  --text-xl: 2rem;
  --text-2xl: clamp(2.4rem, 5vw, 3.6rem);

  /* Layout */
  --sheet-pad: clamp(1rem, 3vw, 2.5rem);
  --frame-inset: clamp(0.5rem, 1.5vw, 1.25rem);
  --measure: 64ch;
  --gap: 1.25rem;

  --rule: 1px solid var(--linework);
  --rule-heavy: 2px solid var(--prussian);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}