/* Light Theme Colors */
:root[data-theme="light"] {
    /* Background Colors */
    --background-color: #ffffff;
    --surface-color: #f8fafc;
    
    /* Text Colors */
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #64748b;
    
    /* Border Colors */
    --border-color: #e2e8f0;
    
    /* Primary Colors */
    --primary-color: #f97316;
    --primary-hover: #ea580c;
}

/* Dark Theme Colors */
:root[data-theme="dark"] {
    /* Background Colors */
    --background-color: #000000;
    --surface-color: #171717;
    
    /* Text Colors */
    --text-primary: #ffffff;
    --text-secondary: #a3a3a3;
    --text-muted: #737373;
    
    /* Border Colors */
    --border-color: #262626;
    
    /* Primary Colors */
    --primary-color: #f97316;
    --primary-hover: #ea580c;
    
    /* Gradients */
    --gradient-primary: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);
    --gradient-secondary: linear-gradient(135deg, #171717 0%, #262626 100%);
    --gradient-surface: linear-gradient(135deg, #171717 0%, #0a0a0a 100%);
}

/* Base Styles */
body {
    background-color: var(--background-color);
    color: var(--text-primary);
}

/* Content Area */
.site-main {
    background-color: var(--background-color);
}

/* Posts and Pages */
.entry-content {
    color: var(--text-primary);
}

/* Post Titles with high specificity */
.entry-title,
.entry-title a,
h1.entry-title,
h2.entry-title,
h3.entry-title,
.post-title,
.post-title a,
article .entry-title,
article .entry-title a,
.site-main .entry-title,
.site-main .entry-title a {
    color: var(--text-primary) !important;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    transition: color 0.3s ease;
}

.entry-title a:hover,
.post-title a:hover,
article .entry-title a:hover,
.site-main .entry-title a:hover {
    color: var(--primary-color) !important;
    text-decoration: none;
}

/* Navigation */
.nav-links a {
    color: var(--text-primary);
}

.nav-links a:hover {
    color: var(--primary-color);
}

/* Widgets */
.widget {
    background-color: var(--surface-color);
    border: 1px solid var(--border-color);
}

.widget-title {
    color: var(--text-primary);
}

/* Comments */
.comment-body {
    background-color: var(--surface-color);
    border: 1px solid var(--border-color);
}

.comment-metadata a {
    color: var(--text-secondary);
}

/* Forms */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    background-color: var(--surface-color);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    border-color: var(--primary-color);
}

/* Tables */
table {
    background-color: var(--surface-color);
    border: 1px solid var(--border-color);
}

th, td {
    border: 1px solid var(--border-color);
}

/* Blockquotes */
blockquote {
    background-color: var(--surface-color);
    border-left: 4px solid var(--primary-color);
}

/* Code Blocks */
pre, code {
    background-color: var(--surface-color);
    border: 1px solid var(--border-color);
}

/* Horizontal Rule */
hr {
    border-color: var(--border-color);
}

/* Links */
a {
    color: var(--primary-color);
}

a:hover {
    color: var(--primary-hover);
}

/* Selection */
::selection {
    background-color: var(--primary-color);
    color: white;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--surface-color);
}

::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--text-muted);
}