/* MoVerse project page — design tokens (Matrix theme) */

:root {
  /* Surfaces */
  --bg:           #000000;
  --bg-elev:      #060a06;
  --bg-card:      #0a0f0a;
  --bg-code:      #020602;

  /* Foreground */
  --fg:           #a3d9a3;   /* clearly green, ~9:1 contrast on black — was #d6f5d6 (read as white) */
  --fg-mute:      #6fa86f;
  --fg-dim:       #3f6a3f;

  /* Brand */
  --accent:       #00ff41;
  --accent-glow:  #00ff4133;
  --accent-dim:   #008f11;
  --accent-deep:  #003b00;

  /* Status */
  --danger:       #ff2a6d;
  --danger-soft:  #ff2a6d22;
  --warn:         #ffcc00;

  /* Borders */
  --border:       #1a3a1a;
  --border-hi:    #2a6a2a;

  /* Typography */
  --font-mono:    'JetBrains Mono', 'IBM Plex Mono', 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-display: 'Share Tech Mono', 'JetBrains Mono', monospace;

  /* Sizing */
  --content-max:  960px;
  --gap-xs:       6px;
  --gap-sm:       12px;
  --gap-md:       24px;
  --gap-lg:       48px;
  --gap-xl:       96px;

  /* Radius — keep small/sharp, Matrix is sharp not soft */
  --radius-sm:    2px;
  --radius-md:    4px;

  /* Motion */
  --ease:         cubic-bezier(0.2, 0.7, 0.2, 1);
}