/*
 * Jarvis theme (jarviscooks.com)
 * Dark, modern, high-contrast. Teal accent with subtle neon glow.
 */

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

:root {
  /* ── Core palette ─────────────────────────────────────────── */
  --theme-bg:            #070a10;
  --theme-surface:       rgba(255,255,255,0.06);
  --theme-surface-alt:   rgba(255,255,255,0.09);
  --theme-border:        rgba(255,255,255,0.14);

  /* ── Text ─────────────────────────────────────────────────── */
  --theme-text:          #eaf0ff;
  --theme-text-muted:    rgba(234,240,255,0.68);
  --theme-text-dim:      rgba(234,240,255,0.45);

  /* ── Brand accent: Jarvis teal ─────────────────────────────── */
  --theme-accent:        #4ecdc4;
  --theme-accent-hover:  #70e3dc;
  --theme-accent-dim:    rgba(78, 205, 196, 0.14);
  --theme-accent-glow:   rgba(78, 205, 196, 0.08);

  /* ── Secondary: weapon steel ─────────────────────────────── */
  --theme-steel:         #7ea6c7;
  --theme-steel-dim:     rgba(126, 166, 199, 0.14);

  /* ── Status colors ────────────────────────────────────────── */
  --theme-green:         #22c55e;
  --theme-red:           #ef4444;
  --theme-yellow:        #eab308;

  /* ── Typography ───────────────────────────────────────────── */
  --theme-font:          'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --theme-font-heading:  'Space Grotesk', 'Inter', -apple-system, sans-serif;
  --theme-font-mono:     'IBM Plex Mono', 'SF Mono', 'Fira Code', monospace;
  --theme-font-size:     15px;

  /* ── Layout ───────────────────────────────────────────────── */
  --theme-radius:        8px;
  --theme-radius-sm:     4px;
  --theme-max-width:     900px;
  --theme-gap:           16px;

  /* ── Agent identity ───────────────────────────────────────── */
  --theme-agent-name:    "Jarvis";
  --theme-agent-emoji:   "J";
}

html, body {
  background: var(--theme-bg);
  color: var(--theme-text);
  font-family: var(--theme-font);
  font-size: var(--theme-font-size);
}

a { color: var(--theme-accent); text-decoration: none; }
a:hover { color: var(--theme-accent-hover); }

/* Subtle global noise/glow */
body::before {
  content: "";
  position: fixed;
  inset: -20%;
  pointer-events: none;
  background:
    radial-gradient(900px 500px at 20% 0%, var(--theme-accent-glow), rgba(0,0,0,0) 60%),
    radial-gradient(800px 600px at 90% 10%, rgba(255,107,107,0.10), rgba(0,0,0,0) 55%),
    radial-gradient(900px 600px at 50% 110%, rgba(126,166,199,0.08), rgba(0,0,0,0) 65%);
  filter: blur(0px);
  opacity: 1;
  z-index: -1;
}