/* ═══════════════════════════════════════════
   FirstLight — Direction B (hybrid)
   chrome: Inter sans-serif · data: JetBrains Mono
   ═══════════════════════════════════════════ */

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

:root {
  /* surfaces */
  --bg:           #08080A;
  --panel:        #121214;
  --header:       #0d0d0f;
  --elevated:     #1a1a1d;
  --border:       #232327;
  --border-strong:#2f2f34;

  /* text */
  --text:   #E5E5E7;
  --muted:  #8A8A90;
  --dim:    #5A5A60;

  /* semantic */
  --accent:                  #F5A623;
  --accent-soft:             rgba(245, 166, 35, 0.10);
  --accent-interactive:      #FF8C3C;
  --accent-interactive-hover:#FFA868;
  --positive:      #00C805;
  --negative:      #FF3737;
  --negative-soft: rgba(255, 55, 55, 0.08);
  --hover:         #1E1E1E;

  /* typography */
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: 'JetBrains Mono', 'Consolas', 'Courier New', monospace;
  --font:      var(--font-mono);  /* legacy alias — kept until later phases migrate */

  /* spacing scale */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;

  /* radius scale */
  --r-sm: 2px;
  --r-md: 4px;
  --r-lg: 8px;
  --r-btn: 6px;
  --r-btn-mini: 4px;

  /* premium gold (merged from the former 2nd :root block) */
  --fl-gold:   #f0b400;
  --fl-gold-2: #d49500;
}