:root {
  --noesis-gold: #f0c14b;
  --noesis-gold-deep: #c79a2d;
  --noesis-gold-dim: #a67c00;
  --bg-dark: #0e0e0e;
  --bg-panel: #141414;
  --text: #f5f5f5;
  --muted: #b5b5b5;
}

body.noesis-theme {
  background: #000000;
  color: var(--text);
}

.noesis-border { border: 1px solid rgba(240, 193, 75, 0.18); }
.noesis-gold { color: var(--noesis-gold); }
.noesis-muted { color: var(--muted); }
.noesis-btn {
  display: inline-block;
  padding: 0.75rem 1.25rem;
  border-radius: 999px;
  border: 2px solid var(--noesis-gold);
  color: var(--noesis-gold);
  background: transparent;
  text-decoration: none;
  font-weight: 600;
}
.noesis-btn:hover { background: var(--noesis-gold); color: #141414; }

/* Auth form styles */
.auth-form {
    margin-bottom: 1rem;
}
.auth-form h5 {
    color: var(--noesis-gold);
    margin: 0 0 0.75rem 0;
    font-size: 0.95rem;
    font-weight: 600;
}
.auth-form label {
    color: var(--muted);
    font-size: 0.9rem;
    display: block;
    margin-bottom: 0.25rem;
}
.auth-form input {
    width: 100%;
    padding: 0.6rem 0.75rem;
    margin-bottom: 0.75rem;
    border: 1px solid rgba(240, 193, 75, 0.3);
    border-radius: 6px;
    background: #111;
    color: var(--text);
    font-size: 0.9rem;
    transition: border-color 0.2s ease;
}
.auth-form input:focus {
    outline: none;
    border-color: var(--noesis-gold);
}
.auth-form button {
    padding: 0.6rem 1rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    border: 1px solid var(--noesis-gold);
    border-radius: 6px;
    background: transparent;
    color: var(--noesis-gold);
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.2s ease;
}
.auth-form button:hover {
    background: var(--noesis-gold);
    color: #141414;
}
.auth-form button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
#github-auth {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(240, 193, 75, 0.15);
}
#github-auth h5 {
    color: var(--noesis-gold);
    margin: 0 0 0.75rem 0;
    font-size: 0.95rem;
    font-weight: 600;
}
#github-signin-button {
    padding: 0.6rem 1rem;
    border: 1px solid var(--noesis-gold);
    border-radius: 6px;
    background: transparent;
    color: var(--noesis-gold);
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.2s ease;
}
#github-signin-button:hover {
    background: var(--noesis-gold);
    color: #141414;
}
#auth-status {
    margin-top: 1rem;
    padding: 0.75rem;
    background: rgba(240, 193, 75, 0.05);
    border: 1px solid rgba(240, 193, 75, 0.15);
    border-radius: 6px;
    color: var(--text);
    font-size: 0.9rem;
    min-height: 1.2rem;
}
#sign-out-button {
    margin-top: 1rem;
    padding: 0.6rem 1rem;
    border: 1px solid var(--noesis-gold);
    border-radius: 6px;
    background: transparent;
    color: var(--noesis-gold);
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.2s ease;
}
#sign-out-button:hover {
    background: var(--noesis-gold);
    color: #141414;
}
#user-api-key-section {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(240, 193, 75, 0.15);
}
#user-api-key-section p {
    color: var(--muted);
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
}
#user-api-key {
    display: block;
    padding: 0.5rem 0.75rem;
    background: #111;
    border: 1px solid rgba(240, 193, 75, 0.3);
    border-radius: 6px;
    color: var(--text);
    font-family: 'Courier New', monospace;
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
    word-break: break-all;
}
#user-api-key-section button {
    padding: 0.4rem 0.75rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    border: 1px solid var(--noesis-gold);
    border-radius: 4px;
    background: transparent;
    color: var(--noesis-gold);
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 500;
    transition: all 0.2s ease;
}
#user-api-key-section button:hover {
    background: var(--noesis-gold);
    color: #141414;
}