/* agentDEVELOPER — design tokens */
/* Shared with agentFTP, agentAUDIT, agentPM etc. — accent: indigo */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* Ink */
  --ink:       #050608;
  --ink-2:     #14161b;
  --ink-soft:  #5a5f6b;
  --ink-mute:  #8a8f9b;

  /* Paper */
  --paper:     #fafaf7;
  --paper-2:   #f1f1ec;
  --paper-3:   #e7e7e1;

  /* Lines */
  --line:      #d8d8d1;
  --line-soft: #e9e9e3;

  /* Pure */
  --white:     #ffffff;

  /* Accent — agentDEVELOPER indigo */
  --accent:    #6366f1;
  --accent-2:  #4f46e5;
  --accent-dim: rgba(99,102,241,.1);

  /* Status */
  --ok:    #15a868;
  --warn:  #ff8a00;
  --crit:  #ff2d3a;
  --info:  #2348ff;

  --ok-dim:   rgba(21,168,104,.12);
  --warn-dim: rgba(255,138,0,.12);
  --crit-dim: rgba(255,45,58,.12);
  --info-dim: rgba(35,72,255,.10);

  /* Typography */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* Radius */
  --r-sm: 3px;
  --r-md: 6px;

  /* Shadow */
  --shadow-sm: 0 1px 3px rgba(5,6,8,.06);
  --shadow-md: 0 4px 16px rgba(5,6,8,.10);
}

html, body {
  height: 100%;
  font-family: var(--font-display);
  font-size: 14px;
  color: var(--ink);
  background: var(--paper);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}