/* ============================================================
   AI BUILDERS — colors & type
   Brand: Indigo Velvet #432371  +  Sandy Brown #FAAE7B
   Monospace, engineer/buildy. Cream paper, deep indigo ink.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,500;0,700;0,800;1,400&display=swap');

:root {
  /* surfaces */
  --paper:    #FBF4EA;   /* warm cream page background */
  --paper-2:  #F4E7D3;   /* deeper cream for cards / aside */

  /* ink (Indigo Velvet family) */
  --ink:      #432371;   /* primary text / borders — Indigo Velvet */
  --ink-2:    #6E5691;   /* secondary text */
  --ink-3:    #A395BC;   /* tertiary / fine print */
  --mist-2:   #E7D8C4;   /* hairline borders on cream */

  /* accent (Sandy Brown family) */
  --accent:       #FAAE7B;  /* Sandy Brown — pops on dark / cursor / highlights */
  --accent-soft:  #FCC79E;  /* lighter sandy */
  --riso-red:     #432371;  /* "bold band / chip / CTA fill" -> Indigo Velvet */
  --riso-red-ink: #C56A29;  /* text accent on cream (readable burnt-sandy): §, ~/, numbers */

  /* type */
  --ff-mono:  'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  --ff-serif: Georgia, 'Times New Roman', serif;

  /* lines */
  --border: 1.5px solid var(--ink);
}

* { box-sizing: border-box; }

html, body { background: var(--paper); }
body {
  margin: 0;
  font-family: var(--ff-mono);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a { color: var(--ink); }

/* ---------- blinking terminal cursor ---------- */
.cursor {
  display: inline-block;
  margin-left: 2px;
  color: var(--accent);
  animation: blink 1.05s steps(1) infinite;
  font-weight: 700;
}
@keyframes blink { 50% { opacity: 0; } }

/* ---------- buttons ---------- */
.btn {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--ff-mono); font-weight: 700; font-size: 15px;
  text-decoration: none; cursor: pointer;
  padding: 14px 22px;
  background: var(--ink); color: var(--paper);
  border: 1.5px solid var(--ink); border-radius: 0;
  transition: background 120ms ease, color 120ms ease, transform 120ms ease;
}
.btn:hover { background: #341a5a; transform: translateY(-1px); }
.btn .cursor { color: var(--accent); }

/* accent button — Sandy Brown fill, indigo text (the join CTA) */
.btn--accent {
  background: var(--accent); color: var(--ink);
  border-color: var(--accent);
}
.btn--accent:hover { background: var(--accent-soft); color: var(--ink); }
.btn--accent .cursor { color: var(--ink); }

/* ghost button — outlined (nav) */
.btn--ghost {
  background: transparent; color: var(--ink);
  border: 1.5px solid var(--ink);
  padding: 8px 14px; font-size: 13px;
}
.btn--ghost:hover { background: var(--ink); color: var(--paper); }