/*
 * ═══════════════════════════════════════════════════════════════════════════════
 * 🌞 CahFelix Tech WP - Light Theme
 * ═══════════════════════════════════════════════════════════════════════════════
 *
 * Light theme mode for the blog, inspired by weco.org.br design
 * Activated via theme toggle button
 *
 * Colors Reference:
 * - Background: #ffffff (white)
 * - Text: #363737 (dark gray)
 * - Secondary Text: #868787 (medium gray)
 * - Borders: #dddddd (light gray)
 * - Accent: #000000 (black)
 *
 * ═══════════════════════════════════════════════════════════════════════════════
 */

:root.light {
    /* Light Theme Colors (HSL) - Inspired by Medium.com */
    --background: 0 0% 100%;
    --foreground: 0 0% 10%;  /* Changed from 21% to 10% - darker like Medium */

    --card: 0 0% 94%;
    --card-foreground: 0 0% 10%;  /* Changed from 21% to 10% */

    --primary: 0 0% 10%;  /* Changed from 21% to 10% */
    --primary-foreground: 0 0% 100%;

    --secondary: 0 0% 87%;
    --secondary-foreground: 0 0% 10%;  /* Changed from 21% to 10% */

    --muted: 0 0% 87%;
    --muted-foreground: 0 0% 52%;

    --accent: 0 0% 0%;
    --accent-foreground: 0 0% 100%;

    --border: 0 0% 87%;
    --input: 0 0% 100%;

    /* Code syntax highlighting - Light theme */
    --code-keyword: #d73a49;
    --code-comment: #6a737d;
    --code-default: #24292e;

    /* Spacing - mantém igual */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    --spacing-3xl: 4rem;

    /* Border Radius - mantém igual */
    --radius: 0.5rem;

    /* Font sizes - mantém igual */
    --font-xs: 0.75rem;
    --font-sm: 0.875rem;
    --font-base: 1rem;
    --font-lg: 1.125rem;
    --font-xl: 1.25rem;
    --font-2xl: 1.5rem;
    --font-3xl: 1.875rem;
    --font-4xl: 2.25rem;
    --font-5xl: 3rem;

    /* Line heights - mantém igual */
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;

    /* Letter spacing - mantém igual */
    --letter-spacing-tight: -0.02em;
    --letter-spacing-normal: 0;
    --letter-spacing-wide: 0.02em;

    /* Shadows - ajustado para light theme */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);

    /* Borders - mantém igual */
    --border-default: 1px solid hsl(var(--border));
    --border-thick: 2px solid hsl(var(--border));

    /* Transitions - mantém igual */
    --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Smooth transition quando muda de tema */
:root.light,
:root.light * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

/* Evita transição em elementos específicos que não devem animar */
:root.light img,
:root.light video,
:root.light iframe {
    transition: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════════
 * Code Block Styles - Light Theme
 * ═══════════════════════════════════════════════════════════════════════════════
 */

:root.light .cahfelix-article-content pre,
:root.light .cahfelix-article-content .wp-block-code {
    background: #f5f5f5;
}

:root.light .cahfelix-article-content pre code,
:root.light .cahfelix-article-content .wp-block-code code {
    color: hsl(var(--foreground)) !important;
}

:root.light .cahfelix-article-content pre code.hljs {
    color: hsl(var(--foreground)) !important;
}

/* Simplified syntax highlighting - 3 colors only */
:root.light .cahfelix-article-content pre .hljs-comment,
:root.light .cahfelix-article-content pre .hljs-quote {
    color: var(--code-comment);
}

:root.light .cahfelix-article-content pre .hljs-keyword,
:root.light .cahfelix-article-content pre .hljs-selector-tag,
:root.light .cahfelix-article-content pre .hljs-literal,
:root.light .cahfelix-article-content pre .hljs-name,
:root.light .cahfelix-article-content pre .hljs-string,
:root.light .cahfelix-article-content pre .hljs-meta .hljs-string,
:root.light .cahfelix-article-content pre .hljs-number,
:root.light .cahfelix-article-content pre .hljs-attr {
    color: var(--code-keyword);
}

:root.light .cahfelix-article-content pre .hljs-variable,
:root.light .cahfelix-article-content pre .hljs-template-variable,
:root.light .cahfelix-article-content pre .hljs-regexp,
:root.light .cahfelix-article-content pre .hljs-link,
:root.light .cahfelix-article-content pre .hljs-title,
:root.light .cahfelix-article-content pre .hljs-symbol,
:root.light .cahfelix-article-content pre .hljs-bullet,
:root.light .cahfelix-article-content pre .hljs-section,
:root.light .cahfelix-article-content pre .hljs-meta,
:root.light .cahfelix-article-content pre .hljs-class .hljs-title,
:root.light .cahfelix-article-content pre .hljs-type,
:root.light .cahfelix-article-content pre .hljs-built_in,
:root.light .cahfelix-article-content pre .hljs-params,
:root.light .cahfelix-article-content pre .hljs-subst {
    color: var(--code-default);
}

/* Darker text for better readability in light mode */
:root.light .cahfelix-post-excerpt {
    color: #4a4a4a !important;
}

:root.light .cahfelix-post-card:hover .cahfelix-post-excerpt {
    color: #2a2a2a !important;
}

:root.light .cahfelix-main-content .cahfelix-post-excerpt {
    color: #4a4a4a !important;
}