/* Dark Mode Styles - Dark mode is now the only mode */

/* Dark theme (default) */
:root {
    --bg-primary: #000000;
    --bg-secondary: #242424;
    --bg-tertiary: #2d2d2d;
    --bg-card: #242424;
    --bg-nav: #000000;
    
    --text-primary: #ffffff;
    --text-secondary: #e0e0e0;
    --text-muted: #b0b0b0;
    --text-light: #999999;
    --text-lighter: #808080;
    
    --border-color: #333333;
    --border-light: #404040;
    --border-gray: #4a4a4a;
    
    --nav-link: #d1d5db;
    --nav-link-active: #ffffff;
    --nav-link-hover: #ffffff;
    
    --project-tag: #6b7280;
    --accent-blue: #3b82f6;
    --accent-ficus: #3b82f6;
    
    --shadow-sm: rgba(0,0,0,0.3);
    --shadow-md: rgba(0,0,0,0.4);
    
    --hero-bg: #0a0a0a;
    --hero-text: #ffffff;
    
    --table-bg: #242424;
    --table-bg-alt: #2d2d2d;
    --table-header-bg: #2d2d2d;
}

/* Apply theme colors to body */
body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Navigation */
.navbar {
    background-color: var(--bg-nav) !important;
    border-bottom: 1px solid var(--border-color);
    transition: background-color 0.3s ease;
}

.navbar-light .navbar-toggler {
    border-color: var(--border-color);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/* Text colors */
h1, h2, h3, h4, h5, h6 {
    color: var(--text-primary);
}

.project-title {
    color: var(--text-primary) !important;
}

p {
    color: var(--text-secondary);
}

/* Links */
a {
    color: var(--text-primary);
    transition: color 0.3s ease;
}

a:hover {
    color: var(--accent-blue);
}

/* Override Bootstrap text-dark class */
.text-dark {
    color: var(--text-primary) !important;
}

/* Navigation links */
.nav-link {
    color: var(--nav-link) !important;
    font-weight: 400;
    transition: color 0.3s ease, text-decoration 0.3s ease;
}

.nav-link.active {
    color: var(--nav-link-active) !important;
    font-weight: 500;
}

.nav-link:hover {
    color: var(--nav-link-hover) !important;
    text-decoration: underline !important;
}

/* Uniform spacing for navigation tabs */
.navbar-nav {
    display: flex !important;
    gap: 2rem;
}

.navbar-nav .nav-item {
    margin: 0;
}

/* Project cards and sections */
.project-row .title {
    color: var(--text-primary);
}

.project-row p {
    color: var(--text-muted);
}

.project-tags {
    color: var(--project-tag) !important;
}

.project-thumb {
    color: var(--text-primary) !important;
}

.project-thumb:hover .title {
    color: var(--accent-blue);
}

/* Title class (used with font-weight-bold) */
.title {
    color: var(--text-primary) !important;
}

.font-weight-bold {
    color: var(--text-primary);
}

.project-thumb img {
    transition: all 0.3s ease-in-out;
    opacity: 0.9;
}

.project-thumb:hover img {
    opacity: 1;
}

/* Product cards */
.product-card {
    background: var(--bg-card);
    border-color: var(--border-color);
    transition: all 0.3s ease;
}

.product-card:hover {
    box-shadow: 0 8px 25px var(--shadow-sm);
}

.product-card a {
    color: var(--text-primary) !important;
}

.product-card a:hover {
    color: var(--text-primary) !important;
}

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

.product-description {
    color: var(--text-muted);
}

.product-meta {
    color: var(--text-lighter);
}

.product-link {
    color: var(--accent-blue) !important;
}

.product-link:hover {
    color: var(--accent-blue) !important;
}

/* Article cards */
.article-card {
    border-color: var(--border-color);
}

.article-card a {
    color: var(--text-primary) !important;
}

.article-card a:hover {
    color: var(--accent-blue) !important;
}

.article-date {
    color: var(--text-lighter);
}

.article-meta {
    color: var(--text-muted);
}

.article-excerpt {
    color: var(--text-secondary);
}

/* Ficus Notes specific styles */
.body-text {
    color: var(--text-secondary) !important;
}

/* Hero sections */
[style*="background-color: #000000"],
[style*="background-color:#000000"] {
    background-color: var(--hero-bg) !important;
}

/* Background colors */
[style*="background: #F1F1F1"],
[style*="background:#F1F1F1"] {
    background: var(--bg-tertiary) !important;
}

[style*="background: #F8F8F8"],
[style*="background:#F8F8F8"] {
    background: var(--bg-secondary) !important;
}

[style*="background: white"],
[style*="background:#fff"],
[style*="background: #ffffff"] {
    background: var(--bg-card) !important;
}

/* Text colors in inline styles */
[style*="color: #000"],
[style*="color:#000"],
[style*="color: #000000"],
h1[style],
h2[style],
h3[style],
h4[style] {
    color: var(--text-primary) !important;
}

[style*="color: #3D3D3D"],
[style*="color:#3D3D3D"] {
    color: var(--text-secondary) !important;
}

[style*="color: #666"],
[style*="color:#666"],
[style*="color: #777"],
[style*="color:#777"] {
    color: var(--text-muted) !important;
}

[style*="color: #999"],
[style*="color:#999"] {
    color: var(--text-light) !important;
}

/* Borders */
[style*="border: 1px solid #E5E5E5"],
[style*="border:1px solid #E5E5E5"] {
    border-color: var(--border-light) !important;
}

/* Tables */
table {
    background: var(--table-bg) !important;
}

table[style*="background: #fff"],
table[style*="background:#fff"],
table[style*="background: #ffffff"] {
    background: var(--table-bg) !important;
}

table thead tr {
    background: var(--table-header-bg) !important;
}

table thead tr[style*="background: #F8F8F8"],
table thead tr[style*="background:#F8F8F8"] {
    background: var(--table-header-bg) !important;
}

table tbody tr:nth-child(even) {
    background: var(--table-bg-alt) !important;
}

table tbody tr[style*="background: #FAFAFA"],
table tbody tr[style*="background:#FAFAFA"] {
    background: var(--table-bg-alt) !important;
}

table th,
table td {
    border-color: var(--border-light) !important;
    color: var(--text-secondary) !important;
}

table th[style*="color: #000"],
table th[style*="color:#000"],
table th[style*="color: #000000"] {
    color: var(--text-primary) !important;
}

table td[style*="color: #000"],
table td[style*="color:#000"],
table td[style*="color: #000000"] {
    color: var(--text-secondary) !important;
}

table th {
    color: var(--text-primary) !important;
}

/* Collapsible sections */
.collapsible-btn {
    background: var(--bg-secondary) !important;
    border-color: var(--border-light) !important;
    color: var(--text-primary) !important;
}

.collapsible-content {
    color: var(--text-secondary);
}

/* Ficus logo */
#Ficus-Logo path,
#ellipse-1,
#ellipse-2,
#ellipse-3,
#ellipse-4,
#ellipse-5 {
    fill: #ffffff !important;
}

.logo-container svg rect {
    fill: var(--bg-primary) !important;
}

/* Social icons */
.social a {
    color: var(--text-primary);
    transition: color 0.3s ease;
}

.social a:hover {
    color: var(--accent-blue);
}

/* Accent colors */
[style*="color: #007AFF"],
[style*="color:#007AFF"],
[style*="color: var(--Ficus, #007AFF)"] {
    color: var(--accent-ficus) !important;
}

/* Images - slightly reduce brightness */
img:not(.logo-container img) {
    opacity: 0.9;
}

img:hover {
    opacity: 1;
}

/* Smooth transitions */
* {
    transition-property: background-color, border-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease;
}

/* Prevent transition on page load */
.preload * {
    transition: none !important;
}

/* Footer */
footer {
    background-color: var(--bg-secondary);
    color: var(--text-muted);
    border-top: 1px solid var(--border-color);
}

/* Form elements */
input,
textarea,
select {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border-color: var(--border-color);
}

input:focus,
textarea:focus,
select:focus {
    background-color: var(--bg-card);
    border-color: var(--accent-blue);
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

::-webkit-scrollbar-thumb {
    background: var(--border-gray);
    border-radius: 6px;
}

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

/* Grid background section */
.grid-background-section {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background-image: linear-gradient(to right, #f8f8f8 1px, transparent 1px), 
                      linear-gradient(to bottom, #f8f8f8 1px, transparent 1px);
    background-size: 100px 100px;
    background-position: 0 0, 0 0;
    padding: 5rem 0;
    margin-bottom: 5rem;
    background-color: #ffffff;
}

.grid-background-section {
    background-image: linear-gradient(to right, #333333 1px, transparent 1px), 
                      linear-gradient(to bottom, #333333 1px, transparent 1px);
    background-color: var(--bg-primary);
}