/* TitleVerifi — Design Tokens
   Aesthetic: institutional trust × AI-forward density.
   No gradients-as-decoration, no real-estate clichés.
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500;600&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400&display=swap');

:root {
  /* Surfaces — warm off-whites */
  --paper:        #FAFAF7;   /* canvas */
  --paper-2:      #F4F3EE;   /* card / inset */
  --paper-3:      #ECEAE2;   /* hairline fills */
  --rule:         #1F1E1A14; /* hairlines */
  --rule-strong:  #1F1E1A28;

  /* Ink */
  --ink:          #14130F;   /* primary text */
  --ink-2:        #3A3833;   /* secondary text */
  --ink-3:        #6E6B63;   /* tertiary / meta */
  --ink-4:        #9C988E;   /* placeholder */

  /* Accent — single sharp vermilion ("verified stamp") */
  --accent:       #D24A2C;
  --accent-ink:   #8A2E18;
  --accent-tint:  #FBE9E2;

  /* Status — desaturated, document-grade */
  --status-clear:    #2F6B3A;   /* deep slate-green */
  --status-clear-bg: #E4ECDF;
  --status-review:   #8A5A0E;   /* amber/ochre */
  --status-review-bg:#F5E9CE;
  --status-blocked:  #8A2E18;   /* deep red */
  --status-blocked-bg:#F5DCD3;

  /* Severity (encumbrances) */
  --sev-low:    #6E6B63;
  --sev-med:    #8A5A0E;
  --sev-high:   #B8401E;
  --sev-crit:   #6B0F00;

  /* Type */
  --font-sans: 'Inter', -apple-system, system-ui, sans-serif;
  --font-serif:'Instrument Serif', 'Times New Roman', serif;
  --font-headline: 'Newsreader', 'Instrument Serif', Georgia, serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', monospace;

  /* Radii — restrained */
  --r-1: 3px;
  --r-2: 6px;
  --r-3: 10px;

  /* Shadow — almost imperceptible */
  --shadow-1: 0 1px 0 rgba(20,19,15,0.04), 0 1px 2px rgba(20,19,15,0.05);
  --shadow-2: 0 1px 0 rgba(20,19,15,0.05), 0 6px 18px rgba(20,19,15,0.06);
}

/* Reset-lite */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-sans);
  color: var(--ink);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "ss01", "cv11";
}

/* Mono inline tokens — used for citations, IDs */
.mono { font-family: var(--font-mono); font-feature-settings: "tnum", "ss01"; }

/* "Stamp" label — verified bracket */
.stamp {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent);
  border: 1px solid currentColor;
  padding: 2px 6px;
  border-radius: 2px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* Citation chip — clickable source link */
.cite {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--accent-ink);
  background: var(--accent-tint);
  border: 1px solid #E8C6B8;
  padding: 1px 5px;
  border-radius: 3px;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
}
.cite:hover { background: #F6D9CC; }

/* Kbd-like meta */
.meta {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--ink-3);
  letter-spacing: 0.02em;
}

/* Rule helpers */
.rule { border-top: 1px solid var(--rule); }
.rule-x { border-bottom: 1px solid var(--rule); }