/* Custom color overrides for PaperMod theme */

/* ========================================
   FONT CUSTOMIZATION
   ======================================== */

/* ========================================
   POPULAR FONT OPTIONS (uncomment to use)
   ======================================== */

/* Option 1: Inter (Modern, clean) - Currently Active */
/* Already imported in extend_head.html */

/* Option 2: Source Sans Pro (Professional) */
/* @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap'); */

/* Option 3: Open Sans (Friendly, readable) */
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap'); */

/* Option 4: Lato (Elegant, versatile) */
/* @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap'); */

/* Option 5: Poppins (Modern, geometric) */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); */

/* Option 6: Playfair Display (Elegant serif for headings) */
/* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap'); */

/* Override the default font family */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* Customize heading fonts */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 600; /* Semi-bold for headings */
}

/* Customize code font */
code, pre, .highlight {
    font-family: 'JetBrains Mono', 'Fira Code', 'Monaco', 'Consolas', 'Courier New', monospace;
}

/* ========================================
   FONT COMBINATIONS (uncomment to use)
   ======================================== */

/* Combination 1: Inter + JetBrains Mono (Modern) - Currently Active */
/* Already configured above */

/* Combination 2: Source Sans Pro + Fira Code (Professional) */
/*
body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
code, pre, .highlight {
    font-family: 'Fira Code', 'Monaco', 'Consolas', 'Courier New', monospace;
}
*/

/* Combination 3: Poppins + JetBrains Mono (Modern, geometric) */
/*
body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
code, pre, .highlight {
    font-family: 'JetBrains Mono', 'Fira Code', 'Monaco', 'Consolas', 'Courier New', monospace;
}
*/

/* Combination 4: Playfair Display + Inter (Elegant serif headings) */
/*
h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight: 600;
}
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
*/

/* ========================================
   ADDITIONAL FONT CUSTOMIZATIONS
   ======================================== */

/* Font weight variations */
/*
.light-text { font-weight: 300; }
.regular-text { font-weight: 400; }
.medium-text { font-weight: 500; }
.semi-bold-text { font-weight: 600; }
.bold-text { font-weight: 700; }
*/

/* Font size adjustments */
/*
.large-text { font-size: 1.2em; }
.small-text { font-size: 0.9em; }
*/

/* ========================================
   METHOD 1: Override CSS Variables
   ======================================== */

/* Light theme color overrides */
:root {
    /* Primary text color (headings, main text) - currently using default */
    --primary: rgb(30, 30, 30);
    
    /* Secondary text color (subtitles, metadata) - currently using default */
    --secondary: rgb(108, 108, 108);
    
    /* Content text color (body text) - currently using default */
    --content: rgb(31, 31, 31);
    
    /* Tertiary color (borders, dividers) - currently using default */
    --tertiary: rgb(214, 214, 214);
}

/* Dark theme color overrides */
.dark {
    /* Primary text color (headings, main text) - currently using default */
    --primary: rgb(218, 218, 219);
    
    /* Secondary text color (subtitles, metadata) - currently using default */
    --secondary: rgb(155, 156, 157);
    
    /* Content text color (body text) - currently using default */
    --content: rgb(196, 196, 197);
    
    /* Tertiary color (borders, dividers) - currently using default */
    --tertiary: rgb(65, 66, 68);
}

/* ========================================
   METHOD 2: Direct Element Styling
   ======================================== */

/* Example 1: Make headings a different color (uncomment to use) */
/*
h1, h2, h3, h4, h5, h6 {
    color: #2563eb; /* Blue color for headings */
}
*/

/* Example 2: Make links a different color (uncomment to use) */
/*
a {
    color: #dc2626; /* Red color for links */
}
*/

/* Example 3: Make specific text elements different colors (uncomment to use) */
/*
.post-content p {
    color: #059669; /* Green color for paragraph text */
}

.post-meta {
    color: #3aed7f; /* Purple color for metadata */
}
*/

/* Example 4: Custom color for specific classes (uncomment to use) */
/*
.custom-text {
    color: #ea580c; /* Orange color */
}

.highlight-text {
    color: #dc2626; /* Red highlight */
    font-weight: bold;
}
*/

/* ========================================
   ACTIVE CUSTOMIZATIONS (Currently Applied)
   ======================================== */

/* Make headings slightly more vibrant in dark mode */
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
    color: #ffffff; /* Pure white in dark mode */
}

/* Make links more prominent */
a {
    color: #3bf64e; /* Purple color for links */
    transition: color 0.2s ease;
}

a:hover {
    color: #3de3d2; /* Blue on hover */
}

/* Make post metadata more subtle */
.post-meta {
    color: var(--secondary);
    opacity: 0.8;
}

/* Custom utility classes for content */
.custom-text {
    color: #ea580c; /* Orange color */
}

.highlight-text {
    color: #dc2626; /* Red highlight */
    font-weight: bold;
}