/* TenderRadar design tokens — "מסמך רשמי, קריאה מהירה" (official document, fast read).
   Light, paper-and-ink UI with a single construction-orange accent and a
   blueprint-blue seal. Color encodes meaning only. */

:root {
  /* Surfaces & ink */
  --paper: #FAFAF7;        /* app background — warm paper white */
  --surface: #FFFFFF;      /* cards */
  --ink: #1C2B33;          /* primary text — deep blue-ink */
  --ink-soft: #5A6B73;     /* secondary text */
  --line: #E3E5DE;         /* hairline borders */

  /* Accent (CTAs, deadlines, active states ONLY — never large fills) */
  --accent: #E8650D;       /* construction orange */
  --accent-ink: #B14A05;   /* orange text on light (AA) */
  --accent-wash: #FCEFE4;  /* faint orange tint for chips/hover */

  /* Condition states */
  --ok: #1E7F4F;
  --bad: #C13A2E;
  --check: #B07905;
  --ok-wash: #E7F3EC;
  --bad-wash: #FBEAE8;
  --check-wash: #FBF1DD;

  /* Official touches */
  --seal: #16557A;         /* blueprint blue — score seal, logo mark */
  --seal-wash: #E8EEF3;

  /* Elevation (max allowed) */
  --shadow: 0 1px 3px rgb(28 43 51 / 0.08);
  --shadow-card: 0 1px 2px rgb(28 43 51 / 0.06), 0 2px 8px rgb(28 43 51 / 0.05);

  /* Radius — one language */
  --r-card: 10px;
  --r-control: 8px;

  /* Spacing unit = 4px */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;

  /* Type scale: 13 / 15 / 18 / 24 / 36 / 56 */
  --t-xs: 13px; --t-sm: 15px; --t-md: 18px; --t-lg: 24px; --t-xl: 36px; --t-2xl: 56px;

  --font-display: "Secular One", "Heebo", system-ui, sans-serif;
  --font-body: "Heebo", system-ui, "Segoe UI", Arial, sans-serif;

  --maxw: 1120px;
}

* { box-sizing: border-box; }

html { font-size: 16px; }

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: var(--t-sm);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3 { font-family: var(--font-display); font-weight: 400; line-height: 1.15; color: var(--ink); margin: 0; }
h1 { font-size: var(--t-xl); }
h2 { font-size: var(--t-lg); }
h3 { font-size: var(--t-md); }

p { margin: 0 0 var(--s3); }

a { color: var(--accent-ink); text-decoration: none; }
a:hover { text-decoration: underline; }

.tnum { font-variant-numeric: tabular-nums; }

/* Visible keyboard focus everywhere */
:focus-visible { outline: 2px solid var(--seal); outline-offset: 2px; border-radius: 4px; }

.muted { color: var(--ink-soft); }
.center { text-align: center; }

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
}