/* Convergent Systems Co — schema-atoms brand tokens */
/* Source: brand-atoms/convergent-systems/deep-space@1.0.0            */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
  /* Canvas */
  --bg:          #07090F;
  --bg-surface:  #0B1020;
  --bg-elevated: #11182C;

  /* Text */
  --fg:          #EEF1F7;
  --muted:       #A4ADBF;
  --subtle:      #7D8699;

  /* Accents */
  --cyan:        #5CD6FF;
  --cyan-soft:   #8DE4FF;
  --gold:        #F4C75E;
  --gold-soft:   #FFD982;
  --ember:       #FF8A3D;

  /* Borders */
  --border:      rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);

  /* Typography */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", ui-monospace, "Cascadia Code", monospace;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--bg); color: var(--fg); }
body {
  font-family: var(--font-sans);
  font-size: 1.05rem;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--cyan); text-decoration: none; }
a:hover { color: var(--cyan-soft); text-decoration: underline; }

code, pre {
  font-family: var(--font-mono);
}
code {
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  padding: 0.15em 0.45em;
  border-radius: 3px;
  font-size: 0.875em;
}
pre {
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 1.25rem;
  overflow-x: auto;
  line-height: 1.55;
}
pre code { background: none; border: none; padding: 0; font-size: 0.875rem; }