/* ==========================================================================
   my-tools shared theme
   -------------------------------------------------------------------------
   色票、字型、reset。所有工具與首頁都 <link> 這份。
   ========================================================================== */

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

:root {
  --bg-darker:   #010409;
  --bg-base:     #0d1117;
  --bg-card:     #161b22;
  --border:      #21262d;
  --border-soft: #30363d;

  --text:        #e6edf3;
  --text-muted:  #c9d1d9;
  --text-dim:    #8b949e;
  --text-faint:  #484f58;

  --accent-green:  #00E5A0;
  --accent-mint:   #00E676;
  --accent-cyan:   #00D4FF;
  --accent-purple: #7B61FF;
  --accent-gold:   #FFB800;
  --accent-yellow: #FFD700;
  --accent-pink:   #FF4081;
  --accent-red:    #FF4444;

  --font-sans:  'Noto Sans TC', system-ui, -apple-system, sans-serif;
  --font-mono:  'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --font-head:  'Space Grotesk', 'Noto Sans TC', sans-serif;
}

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

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg-darker);
  color: var(--text);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

button { font-family: inherit; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg-base); }
::-webkit-scrollbar-thumb { background: var(--border-soft); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-faint); }