/* Theme overrides for dark optibit.ai-inspired design */

/* Override Aureum base colors */
body {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: hsl(var(--foreground));
    font-family: 'Syne', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

p, small, a, a:link, a:visited, a:active {
    color: hsl(var(--foreground));
}

/* Inline link styling */
p a:not([class]), li a:not([class]) {
    color: hsl(var(--primary));
    border-bottom-color: hsl(var(--primary));
    text-decoration: none;
}

p a:not([class]):hover, li a:not([class]):hover {
    color: hsl(var(--primary-soft));
    border-bottom-color: hsl(var(--primary-soft));
}

/* Card title styling */
.card h3 {
    color: hsl(var(--foreground));
}

.card p {
    color: hsl(var(--muted-foreground));
}

/* Button/CTA styling */
a.btn-cta, a.btn-cta:link, a.btn-cta:visited, a.btn-cta:active,
button.btn-cta, .btn-cta {
    background: hsl(var(--primary));
    color: white;
    border-color: hsl(var(--primary));
    border-radius: 0.5rem;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

a.btn-cta:hover, a.btn-cta:focus,
button.btn-cta:hover, button.btn-cta:focus {
    background: hsl(var(--primary-soft));
    border-color: hsl(var(--primary-soft));
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(168, 85, 247, 0.3);
}

/* Table improvements */
th, td {
    border-bottom-color: hsl(var(--border));
}

/* Horizontal rule */
hr {
    background-color: hsl(var(--border));
}

/* TOC styling */
.toc {
    background: white;
    border-color: hsl(var(--border));
    border-radius: 0.75rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* Blockquote */
blockquote {
    border-left-color: hsl(var(--primary));
}

/* Pre/code blocks */
pre {
    background-color: white;
    border-color: hsl(var(--border));
    border-radius: 0.5rem;
}

/* Footer */
footer {
    border-top-color: hsl(var(--border));
}