/* ------------------------------------------------------------------ */
/*  Aria Sentinel — design tokens                                      */
/*  Per launch brief §17 (Visual Language).                            */
/*  Used by: Landing Page · Receipts · How It Works · Install · Atlas  */
/* ------------------------------------------------------------------ */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");

:root {
  /* ---------- Surface ---------- */
  --bg:          #0A0A0B;     /* near-black, not pure */
  --bg-panel:    #0F0F11;
  --bg-surface:  #131316;
  --bg-sunk:     #08080A;
  --border:      #1F1F23;
  --border-soft: #17171B;
  --rule:        #2A2A30;

  /* ---------- Type ---------- */
  --text:        #E8E8EA;
  --text-strong: #F5F5F7;
  --text-muted:  #8A8A93;
  --text-dim:    #5A5A63;

  /* ---------- Signals (used sparingly) ---------- */
  --amber:       #F5A524;     /* "finding routed" / autonomy markers */
  --amber-deep:  #B97A0F;
  --amber-bg:    rgba(245, 165, 36, 0.08);
  --amber-line:  rgba(245, 165, 36, 0.45);

  --teal:        #2DD4BF;     /* "verified" states */
  --teal-deep:   #14B8A6;
  --teal-bg:     rgba(45, 212, 191, 0.07);
  --teal-line:   rgba(45, 212, 191, 0.40);

  /* used only inside receipts: severity red */
  --red:         #E15554;
  --red-bg:      rgba(225, 85, 84, 0.10);

  /* ---------- Type families ---------- */
  --font-sans:   "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:   "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* ---------- Scale ---------- */
  --fs-display:  64px;
  --fs-h1:       40px;
  --fs-h2:       28px;
  --fs-h3:       20px;
  --fs-body:     16px;
  --fs-small:    14px;
  --fs-micro:    12px;
  --fs-tag:      11px;

  --tracking-tag: 0.12em;
  --tracking-label: 0.04em;

  /* ---------- Geometry ---------- */
  --radius-sm:   3px;
  --radius:      4px;
  --radius-lg:   6px;
  --page:        1200px;

  --shadow-1:    0 1px 0 rgba(255, 255, 255, 0.02) inset,
                 0 1px 2px rgba(0, 0, 0, 0.4);
}

/* ---------- Resets ---------- */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-sans);
  font-size: var(--fs-body);
  line-height: 1.55;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-feature-settings: "ss01", "cv11";
}
a { color: inherit; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
::selection { background: var(--teal); color: var(--bg); }

/* ---------- Shared chrome ---------- */
.tag, .eyebrow {
  font-family: var(--font-mono);
  font-size: var(--fs-tag);
  letter-spacing: var(--tracking-tag);
  text-transform: uppercase;
  color: var(--text-muted);
}
.kbd, code, .mono {
  font-family: var(--font-mono);
}
.rule {
  height: 1px;
  background: var(--rule);
  border: 0;
  margin: 0;
}

/* hash chip — used everywhere */
.hash {
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--text-dim);
  letter-spacing: 0;
}
.hash b {
  color: var(--text-muted);
  font-weight: 500;
}