/* wyzard blog chrome.css — design tokens
 * AUTO-GENERATED by scripts/build-blog-chrome.mjs
 * Source of truth: src/app/globals.css
 * Do not edit directly.
 */

:root {
    /* Inherited brand shortcuts */
    --brand-purple:       #6B3BFA;
    --brand-purple-light: #8B5CF6;
    --brand-pink:         #F06292;
    --brand-glow:         rgba(107, 59, 250, 0.35);

    /* Gradients */
    --hero-grad:          linear-gradient(135deg, #6B3BFA 0%, #9333EA 40%, #F06292 100%);
    --mesh-subtle:        radial-gradient(ellipse 60% 50% at 20% 30%, rgba(107,59,250,0.10) 0%, transparent 70%),
                          radial-gradient(ellipse 50% 60% at 80% 70%, rgba(240,98,146,0.06) 0%, transparent 70%),
                          radial-gradient(ellipse 40% 40% at 50% 0%,  rgba(107,59,250,0.07) 0%, transparent 60%);

    /* Glass system — the one permitted blur layer beyond nav */
    --glass-bg:           rgba(255, 255, 255, 0.038);
    --glass-bg-hover:     rgba(255, 255, 255, 0.065);
    --glass-border:       rgba(255, 255, 255, 0.10);
    --glass-border-glow:  rgba(107, 59, 250, 0.30);
    --glass-blur:         12px;

    /* Glow effects (box-shadow only — not backdrop-filter) */
    --glow-primary:       0 0 40px rgba(107, 59, 250, 0.25), 0 0 80px rgba(107, 59, 250, 0.10);
    --glow-accent:        0 0 30px rgba(240, 98, 146, 0.20);
    --glow-card:          0 8px 32px rgba(0, 0, 0, 0.40), 0 0 0 1px var(--glass-border);
    --glow-card-hover:    0 16px 48px rgba(0, 0, 0, 0.50), 0 0 0 1px var(--glass-border-glow);

    /* Grid lines */
    --grid-line:          rgba(107, 59, 250, 0.08);

    /* Smooth anchor scrolling (disabled for reduced-motion users below) */
    scroll-behavior: smooth;
  }

.dark,
  [data-theme="dark"] {
    --bg:               #060A14;
    --bg-2:             #0A0F1E;
    --bg-3:             #0F1629;
    --bg-card:          var(--glass-bg);
    --bg-card-hover:    var(--glass-bg-hover);
    --border:           rgba(255, 255, 255, 0.07);
    --border-strong:    rgba(255, 255, 255, 0.13);
    --text-primary:     #F0EEF8;
    --text-secondary:   rgba(240, 238, 248, 0.72);  /* was 0.55 — raised for AA contrast */
    --text-muted:       rgba(240, 238, 248, 0.45);  /* was 0.32 — raised for AA contrast */
    --nav-bg:           rgba(6, 10, 20, 0.82);
    --pill-bg:          rgba(107, 59, 250, 0.15);
    --pill-text:        #A78BFA;
    --tag-bg:           rgba(255, 255, 255, 0.06);
    --tag-text:         rgba(240, 238, 248, 0.65);
    --logo-text:        #F0EEF8;
    --step-line:        rgba(107, 59, 250, 0.30);
    --stat-border:      rgba(107, 59, 250, 0.25);
    --cta-bg:           rgba(107, 59, 250, 0.12);
    --footer-bg:        #040710;
    --input-bg:         rgba(255, 255, 255, 0.05);
    --input-border:     rgba(255, 255, 255, 0.10);
    --input-focus:      #6B3BFA;
  }

.light,
  [data-theme="light"] {
    --bg:               #FAFAF9;
    --bg-2:             #F3F2EF;
    --bg-3:             #ECEAE5;
    --bg-card:          #FFFFFF;
    --bg-card-hover:    #F8F7F5;
    --border:           rgba(0, 0, 0, 0.07);
    --border-strong:    rgba(0, 0, 0, 0.12);
    --text-primary:     #0F0E14;
    --text-secondary:   rgba(15, 14, 20, 0.80);
    --text-muted:       rgba(15, 14, 20, 0.62);
    --nav-bg:           rgba(250, 250, 249, 0.88);
    --pill-bg:          rgba(107, 59, 250, 0.08);
    --pill-text:        #5B2FE0;
    --tag-bg:           rgba(0, 0, 0, 0.05);
    --tag-text:         rgba(15, 14, 20, 0.60);
    --logo-text:        #0F0E14;
    --step-line:        rgba(107, 59, 250, 0.20);
    --stat-border:      rgba(107, 59, 250, 0.18);
    --cta-bg:           rgba(107, 59, 250, 0.06);
    --footer-bg:        #F0EEE8;
    --input-bg:         #FFFFFF;
    --input-border:     rgba(0, 0, 0, 0.12);
    --input-focus:      #6B3BFA;
    /* Override glass for light mode — no blur, use solid cards */
    --glass-bg:         rgba(255, 255, 255, 0.95);
    --glass-border:     rgba(0, 0, 0, 0.08);
  }

html:not(.light):not([data-theme="light"]) {
    --bg:             #060A14;
    --bg-2:           #0A0F1E;
    --text-primary:   #F0EEF8;
    --text-secondary: rgba(240, 238, 248, 0.72);
    --border:         rgba(255, 255, 255, 0.07);
    --nav-bg:         rgba(6, 10, 20, 0.82);
    --footer-bg:      #040710;
  }

/* Logo / theme-icon switching */
.logo-dark, .theme-icon-dark { display: none; }
.logo-light, .theme-icon-light { display: block; }

html.dark .logo-dark,
html.dark .theme-icon-dark,
html[data-theme="dark"] .logo-dark,
html[data-theme="dark"] .theme-icon-dark { display: block; }

html.dark .logo-light,
html.dark .theme-icon-light,
html[data-theme="dark"] .logo-light,
html[data-theme="dark"] .theme-icon-light { display: none; }