@font-face {
  font-family: 'sportsFont';
  src: url('../fonts/SportFont/rushbladedemo-ar8ea.ttf');
}

:root {
  --font-display: "Rajdhani", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-ui: "Outfit", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  /* DARK THEME */
  --bg: #000000;
  --text: #ffffff;
  --card: #1b1b1b;
  --muted: #c7c7c7;
  --border: #2e2e2e;

  --sb-bg: #111;
  --sb-text: #fff;
  --sb-hover: rgba(255,255,255,0.08);
  --sb-border: rgba(255,255,255,0.12);
  --sb-active: rgba(255,255,255,0.15);

  --header-bg: #111;
  --header-fg: #fff;

  --brand-left:  #425e91;
  --brand-right: #6a4aa6;
  --brand-fg: #ffffff;
}

:root[data-theme="dark"] {
  --bg: #000;                /* full black background */
  --text: #fff;              /* white text */
  --muted: #c7c7c7;          /* softer gray for secondary text */
  --card: #1b1b1b;           /* dark gray card */
  --border: #2e2e2e;         /* subtle borders */
  --sb-bg: #111;             /* sidebar background */
  --sb-text: #fff;           /* sidebar text */
  --sb-hover: rgba(255,255,255,0.08);
  --sb-active: rgba(255,255,255,0.15);
  --sb-border: rgba(255,255,255,0.12);
  --header-bg: #111;         /* dark topbar */
  --header-fg: #fff;
  --brand-left:  #6a4aa6;    /* keep accent colors */
  --brand-right: #425e91;
  --brand-fg: #fff;
}


html, body {
  font-family: var(--font-ui);
  background: var(--bg);
  color: var(--text);
}


html, body { font-family: var(--font-ui); }

/* Sidebar links + small labels */
.sb-nav a, .site-tag, .badge { font-family: var(--font-ui); font-weight: 600; }