/**
 * Classy Theme - Elegant serif fonts with gold accents
 *
 * Inspired by luxury brands, high-end publications, and timeless elegance.
 * Features: Serif typography, gold accents, minimalist design, ample whitespace.
 *
 * @package YAWC
 * @version 1.0.0
 */

[data-theme="classy"] {
    /* Brand Colors - Sophisticated Palette */
    --theme-primary: #2c3e50;
    --theme-primary-dark: #1a252f;
    --theme-primary-light: #34495e;
    --theme-secondary: #d4af37;
    --theme-accent: #c19a2e;

    /* Backgrounds - Warm Cream */
    --theme-bg-primary: #fdfbf7;
    --theme-bg-secondary: #f8f6f0;
    --theme-bg-tertiary: #f0ede3;
    --theme-bg-overlay: rgba(44, 62, 80, 0.8);

    /* Text Colors - Rich Navy & Gold */
    --theme-text-primary: #2c3e50;
    --theme-text-secondary: #5d6d7e;
    --theme-text-tertiary: #95a5a6;
    --theme-text-inverse: #ffffff;

    /* Border Colors */
    --theme-border-primary: rgba(44, 62, 80, 0.1);
    --theme-border-secondary: rgba(212, 175, 55, 0.2);
    --theme-border-accent: var(--theme-secondary);

    /* Typography - Elegant Serif */
    --theme-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --theme-font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --theme-font-mono: 'IBM Plex Mono', 'Courier New', monospace;
    --theme-font-display: var(--theme-font-serif);

    /* Font Weights - Refined */
    --theme-font-weight-normal: 400;
    --theme-font-weight-medium: 500;
    --theme-font-weight-semibold: 600;
    --theme-font-weight-bold: 700;

    /* Font Sizes - Balanced Scale */
    --theme-font-size-xs: 0.8rem;
    --theme-font-size-sm: 0.9rem;
    --theme-font-size-base: 1.125rem;
    --theme-font-size-lg: 1.25rem;
    --theme-font-size-xl: 1.5rem;
    --theme-font-size-2xl: 1.875rem;
    --theme-font-size-3xl: 2.25rem;
    --theme-font-size-4xl: 3rem;

    /* Spacing - Generous */
    --theme-spacing-xs: 0.375rem;
    --theme-spacing-sm: 0.75rem;
    --theme-spacing-md: 1.25rem;
    --theme-spacing-lg: 2rem;
    --theme-spacing-xl: 3rem;
    --theme-spacing-2xl: 4rem;
    --theme-spacing-3xl: 6rem;

    /* Border Radius - Minimal */
    --theme-radius-none: 0;
    --theme-radius-sm: 2px;
    --theme-radius-md: 4px;
    --theme-radius-lg: 6px;
    --theme-radius-xl: 8px;
    --theme-radius-full: 9999px;

    /* Shadows - Subtle */
    --theme-shadow-xs: 0 1px 2px rgba(44, 62, 80, 0.04);
    --theme-shadow-sm: 0 2px 4px rgba(44, 62, 80, 0.06);
    --theme-shadow-md: 0 4px 8px rgba(44, 62, 80, 0.08);
    --theme-shadow-lg: 0 8px 16px rgba(44, 62, 80, 0.1);
    --theme-shadow-xl: 0 12px 24px rgba(44, 62, 80, 0.12);
    --theme-shadow-2xl: 0 24px 48px rgba(44, 62, 80, 0.15);

    /* Special Effects - Gold Shimmer */
    --theme-glow: none;
    --theme-glow-hover: 0 0 12px rgba(212, 175, 55, 0.3);
    --theme-gradient-primary: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    --theme-gradient-secondary: linear-gradient(135deg, #d4af37 0%, #c19a2e 100%);

    /* Transitions - Smooth & Refined */
    --theme-transition-fast: 0.2s ease-out;
    --theme-transition-base: 0.4s ease-out;
    --theme-transition-slow: 0.6s ease-out;
}

/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

/* Typography refinements */
[data-theme="classy"] body {
    line-height: 1.8;
    letter-spacing: 0.01em;
}

[data-theme="classy"] h1,
[data-theme="classy"] h2,
[data-theme="classy"] h3 {
    letter-spacing: -0.02em;
    font-weight: 700;
}

[data-theme="classy"] h4,
[data-theme="classy"] h5,
[data-theme="classy"] h6 {
    letter-spacing: 0;
    font-weight: 600;
}

/* Drop caps for articles */
[data-theme="classy"] .entry-content > p:first-of-type::first-letter {
    float: left;
    font-size: 4.5em;
    line-height: 0.85;
    margin: 0.1em 0.1em 0 0;
    font-weight: 700;
    color: var(--theme-secondary);
    font-family: var(--theme-font-display);
}

/* Elegant dividers */
[data-theme="classy"] hr {
    border: none;
    height: 1px;
    background: linear-gradient(
        to right,
        transparent,
        var(--theme-border-accent),
        transparent
    );
    margin: var(--theme-spacing-2xl) 0;
}

/* Ornamental headers */
[data-theme="classy"] h1::after,
[data-theme="classy"] h2::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: var(--theme-gradient-secondary);
    margin-top: var(--theme-spacing-md);
    border-radius: var(--theme-radius-full);
}

/* Buttons - Gold accent */
[data-theme="classy"] .button,
[data-theme="classy"] .wp-block-button__link,
[data-theme="classy"] input[type="submit"],
[data-theme="classy"] button[type="submit"],
[data-theme="classy"] .yawc-button {
    background: transparent;
    color: var(--theme-primary);
    border: 2px solid var(--theme-primary);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: var(--theme-font-size-sm);
    font-weight: var(--theme-font-weight-semibold);
    font-family: var(--theme-font-sans);
    padding: var(--theme-spacing-md) var(--theme-spacing-xl);
}

[data-theme="classy"] .button:hover,
[data-theme="classy"] .wp-block-button__link:hover,
[data-theme="classy"] input[type="submit"]:hover,
[data-theme="classy"] button[type="submit"]:hover,
[data-theme="classy"] .yawc-button:hover {
    background-color: var(--theme-primary);
    color: var(--theme-text-inverse);
    border-color: var(--theme-primary);
}

[data-theme="classy"] .button.button-gold,
[data-theme="classy"] .button-primary {
    background: var(--theme-gradient-secondary);
    border-color: var(--theme-secondary);
    color: var(--theme-text-inverse);
}

/* Links - Sophisticated underline */
[data-theme="classy"] a {
    color: var(--theme-primary);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color var(--theme-transition-fast);
}

[data-theme="classy"] a:hover {
    border-bottom-color: var(--theme-secondary);
}

/* Cards - Minimalist elegance */
[data-theme="classy"] .yawc-card,
[data-theme="classy"] .article-wrapper,
[data-theme="classy"] .widget {
    background-color: var(--theme-bg-primary);
    border: 1px solid var(--theme-border-primary);
    border-radius: var(--theme-radius-sm);
}

/* Subtle gold accent on hover */
[data-theme="classy"] .yawc-card:hover,
[data-theme="classy"] .article-wrapper:hover {
    border-color: var(--theme-border-accent);
}

/* Pullquotes - Elegant styling */
[data-theme="classy"] blockquote {
    position: relative;
    padding: var(--theme-spacing-xl);
    border-left: none;
    background-color: transparent;
    font-family: var(--theme-font-serif);
    font-size: var(--theme-font-size-lg);
    font-style: italic;
    color: var(--theme-text-secondary);
}

[data-theme="classy"] blockquote::before {
    content: '"';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 6rem;
    line-height: 1;
    color: var(--theme-secondary);
    opacity: 0.2;
    font-family: var(--theme-font-serif);
}

/* Code blocks - Refined */
[data-theme="classy"] pre,
[data-theme="classy"] code {
    background-color: var(--theme-bg-tertiary);
    border: 1px solid var(--theme-border-primary);
    font-family: var(--theme-font-mono);
}

[data-theme="classy"] code {
    color: var(--theme-primary);
    font-size: 0.9em;
}

/* Header - Minimal luxury */
[data-theme="classy"] .site-header {
    background-color: var(--theme-bg-primary);
    border-bottom: 1px solid var(--theme-border-primary);
}

[data-theme="classy"] .main-title a {
    font-family: var(--theme-font-display);
    font-weight: 700;
    letter-spacing: -0.02em;
}

/* Navigation - Uppercase elegance */
[data-theme="classy"] .main-navigation a {
    font-family: var(--theme-font-sans);
    font-size: var(--theme-font-size-sm);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: var(--theme-font-weight-medium);
}

[data-theme="classy"] .main-navigation .current-menu-item > a {
    color: var(--theme-secondary);
}

/* Footer - Refined */
[data-theme="classy"] .site-footer {
    background-color: var(--theme-bg-secondary);
    border-top: 1px solid var(--theme-border-primary);
}

/* Badges - Gold accents */
[data-theme="classy"] .cat-links a {
    background: var(--theme-gradient-secondary);
    color: var(--theme-text-inverse);
    border: none;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: var(--theme-font-size-xs);
    font-weight: var(--theme-font-weight-semibold);
}

[data-theme="classy"] .tags-links a {
    background-color: transparent;
    color: var(--theme-text-secondary);
    border: 1px solid var(--theme-border-primary);
}

[data-theme="classy"] .tags-links a:hover {
    background-color: var(--theme-bg-tertiary);
    border-color: var(--theme-secondary);
    color: var(--theme-primary);
}

/* Forms - Clean & elegant */
[data-theme="classy"] input,
[data-theme="classy"] textarea,
[data-theme="classy"] select {
    background-color: var(--theme-bg-primary);
    border: 1px solid var(--theme-border-primary);
    border-radius: var(--theme-radius-sm);
    font-family: var(--theme-font-sans);
}

[data-theme="classy"] input:focus,
[data-theme="classy"] textarea:focus,
[data-theme="classy"] select:focus {
    border-color: var(--theme-secondary);
    outline: 1px solid var(--theme-secondary);
}

/* Tables - Refined presentation */
[data-theme="classy"] table {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--theme-border-primary);
}

[data-theme="classy"] th {
    background: var(--theme-gradient-primary);
    color: var(--theme-text-inverse);
    font-family: var(--theme-font-sans);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: var(--theme-font-size-sm);
    font-weight: var(--theme-font-weight-semibold);
}

[data-theme="classy"] td {
    border-bottom: 1px solid var(--theme-border-primary);
}

[data-theme="classy"] tr:hover {
    background-color: var(--theme-bg-secondary);
}

/* Text selection */
[data-theme="classy"] ::selection {
    background-color: var(--theme-secondary);
    color: var(--theme-text-inverse);
}

/* Scrollbar - Subtle gold */
[data-theme="classy"] ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

[data-theme="classy"] ::-webkit-scrollbar-track {
    background-color: var(--theme-bg-secondary);
}

[data-theme="classy"] ::-webkit-scrollbar-thumb {
    background-color: var(--theme-secondary);
    border-radius: var(--theme-radius-full);
}

[data-theme="classy"] ::-webkit-scrollbar-thumb:hover {
    background-color: var(--theme-accent);
}

/* Ornamental elements */
[data-theme="classy"] .widget-title::after {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    background: var(--theme-gradient-secondary);
    margin-top: var(--theme-spacing-sm);
}

/* Entry meta - Refined */
[data-theme="classy"] .entry-meta {
    font-family: var(--theme-font-sans);
    font-size: var(--theme-font-size-sm);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--theme-text-tertiary);
}