/* Neureto — site-wide base styles (typography + theme vars) */

:root {
  --bg: #0d0d1a;
  --surface: #13132b;
  --surface2: #1c1c3a;
  --border: #2a2a4a;
  --text: #e8e8f0;
  --muted: #7070a0;
  --gold: #c9a84c;
  --gold-light: #e8d5a3;
  --success: #4ade80;
  --error: #f87171;
}

html[data-theme="light"] {
  --bg: #f7f6f1;
  --surface: #ffffff;
  --surface2: #f0eee5;
  --border: #d9d4c2;
  --text: #1c1c2b;
  --muted: #6b6b80;
  --gold: #9a7428;
  --gold-light: #7a5a1f;
  --success: #16a34a;
  --error: #dc2626;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  background: var(--bg);
  color: var(--text);
  font-family: Arial, sans-serif;
  min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  color: var(--text);
}

a { color: var(--gold); text-decoration: none; }
a:hover { color: var(--gold-light); }

input, textarea, button, select { font: inherit; color: inherit; }

/* Logo — dark mark on transparent bg. Inverted to white on dark theme. */
.logo-img { width: auto; vertical-align: middle; filter: invert(1); }
html[data-theme="light"] .logo-img { filter: none; }

/* Size by context */
.top-nav .logo-img { height: 28px; margin-right: 8px; }
.sidebar .logo-img { height: 28px; margin-right: 8px; }
.login-card .logo-img { height: 72px; }