:root {
     /* base */
     --bg: #ffffff;
     --text: #0f172a;
     --muted: #6b7280;
     --border: #e5e7eb;

     /* brand */
     --accent: #f05032;
     /* Git orange */
     --accent-600: #dd442a;
     --accent-50: #fff2ee;

     /* surfaces */
     --panel: #fafafa;
     --panel-border: #e5e7eb;

     /* links */
     --link: #2563eb;
     --link-hover: #1d4ed8;

     /* link buttons */
     --link-btn-bg: #f0f9ff;
     --link-btn-border: #bfdbfe;

     /* code */
     --code-bg: #f8fafc;
     --code-border: #e2e8f0;
}

/* dark mode (auto if user prefers dark) */
@media (prefers-color-scheme: dark) {
     :root {
          --bg: #0b0f19;
          --text: #e5e7eb;
          --muted: #9ca3af;
          --border: #253046;

          --panel: #111827;
          --panel-border: #1f2937;

          --link: #93c5fd;
          --link-hover: #bfdbfe;

          --code-bg: #0f172a;
          --code-border: #1f2a44;
     }
}