/* ── FONT IMPORTS ── */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Rajdhani:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap');

/* ── VARIABLES ── */
:root {
  /* Surfaces — layered dark panels */
  --bg:      #07080f;
  --surface: #0d1119;
  --s2:      #121926;
  --border:  #1c2a3d;
  --border2: #253449;

  /* Text */
  --text:  #cdd6e8;
  --muted: #6b8099;
  --hint:  #334457;

  /* Brand — cyan = primary action */
  --navy:    #38bdf8;
  --navy2:   #0ea5e9;

  /* Semantic */
  --green:    #10b981;
  --greenl:   rgba(16,185,129,.12);
  --greenmid: #34d399;
  --red:      #f87171;
  --redl:     rgba(248,113,113,.12);
  --amber:    #f59e0b;
  --amberl:   rgba(245,158,11,.12);
  --blue:     #60a5fa;
  --bluel:    rgba(96,165,250,.12);
  --purple:   #a78bfa;
  --purplel:  rgba(167,139,250,.12);
  --gold:     #fbbf24;
  --goldl:    rgba(251,191,36,.12);

  /* Radius — sharper for terminal aesthetic */
  --r:   5px;
  --rlg: 9px;

  /* Glows */
  --glow-cyan:  0 0 16px rgba(56,189,248,.3), 0 0 40px rgba(56,189,248,.1);
  --glow-amber: 0 0 16px rgba(245,158,11,.3), 0 0 40px rgba(245,158,11,.1);
  --glow-green: 0 0 16px rgba(16,185,129,.3);

  /* Terminal grid */
  --grid-color: rgba(56,189,248,.04);

  /* Surface alias for widgets */
  --s1: #0d1119;
}

/* ── LIGHT MODE ── */
:root.light {
  --bg:      #F8FAFC;
  --surface: #FFFFFF;
  --s1:      #FFFFFF;
  --s2:      #F1F5F9;
  --s3:      #E2E8F0;
  --text:    #1E293B;
  --muted:   #64748B;
  --hint:    #94A3B8;
  --border:  #E2E8F0;
  --border2: #CBD5E1;

  --grid-color: rgba(30,41,59,.04);

  /* Semantic colors — darker for light backgrounds */
  --amber:   #D97706;
  --gold:    #B45309;
  --green:   #059669;
  --red:     #DC2626;
  --blue:    #2563EB;
  --purple:  #7C3AED;
  --navy:    #0284C7;
  --navy2:   #0369A1;

  --greenl:  rgba(16,185,129,.1);
  --redl:    rgba(248,113,113,.1);
  --amberl:  rgba(245,158,11,.1);
  --bluel:   rgba(96,165,250,.1);
  --purplel: rgba(167,139,250,.1);
  --goldl:   rgba(251,191,36,.1);
}

/* ── BASE RESETS ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: 'Noto Sans SC', system-ui, sans-serif;
  background: var(--bg);
  color: var(--text);
  font-size: 14px;
  line-height: 1.65;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

button, input, textarea, select { font-family: inherit; }
a { color: inherit; text-decoration: none; }

/* Utility classes */
.mono { font-family: 'JetBrains Mono', monospace; letter-spacing: -.02em; }
.display { font-family: 'Rajdhani', 'Noto Sans SC', sans-serif; font-weight: 700; letter-spacing: .02em; }