/*
 * Bio-builder theme sheet. Each theme sets a small set of CSS vars
 * scoped to [data-bio-theme="<slug>"]. The template reads them via
 * var(--bio-bg), var(--bio-text), var(--bio-accent), etc.
 *
 * Keep this tiny — themes are swap-at-render. More variants
 * ("blocky", "editorial") can be added without JS changes.
 */

/* Default (same as .minimal) so a missing data-attr still looks fine. */
body[data-bio-theme] {
    --bio-bg:          #faf7f2;
    --bio-text:        #0f0e17;
    --bio-muted:       #71717a;
    --bio-card-bg:     #ffffff;
    --bio-card-border: #0f0e17;
    --bio-card-shadow: 3px 3px 0 #0f0e17;
    --bio-radius:      14px;
    --bio-accent:      #0f0e17;
    --bio-accent-text: #ffffff;
    --bio-font:        -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;
    --bio-font-head:   var(--bio-font);
}

body[data-bio-theme="minimal"] {
    --bio-bg: #ffffff;
    --bio-card-shadow: 0 1px 2px rgba(15,14,23,.06), 0 2px 8px rgba(15,14,23,.04);
    --bio-card-border: #e4e4e7;
    --bio-radius: 10px;
}

body[data-bio-theme="magazine"] {
    --bio-bg:          #f8f3eb;
    --bio-text:        #1a1a1a;
    --bio-card-bg:     #ffffff;
    --bio-card-border: #1a1a1a;
    --bio-card-shadow: 4px 4px 0 #1a1a1a;
    --bio-radius:      0;
    --bio-font-head:   Georgia, "Times New Roman", serif;
}

body[data-bio-theme="noir"] {
    --bio-bg:          #0a0a0a;
    --bio-text:        #f4f4f5;
    --bio-muted:       #a1a1aa;
    --bio-card-bg:     #18181b;
    --bio-card-border: #27272a;
    --bio-card-shadow: none;
    --bio-accent:      #ffffff;
    --bio-accent-text: #0a0a0a;
}

body[data-bio-theme="sunset"] {
    --bio-bg: linear-gradient(135deg, #ff9966 0%, #ff5e62 50%, #c23616 100%);
    --bio-text:        #1a1a1a;
    --bio-card-bg:     rgba(255,255,255,.95);
    --bio-card-border: transparent;
    --bio-card-shadow: 0 8px 24px rgba(0,0,0,.15);
    --bio-radius:      18px;
    --bio-accent:      #c23616;
    --bio-accent-text: #ffffff;
}

body[data-bio-theme="hindi-serif"] {
    --bio-bg:          #fefcf7;
    --bio-text:        #1a1a1a;
    --bio-card-bg:     #ffffff;
    --bio-card-border: #d4a04c;
    --bio-card-shadow: 2px 2px 0 #d4a04c;
    --bio-radius:      8px;
    --bio-accent:      #8b5a1c;
    --bio-accent-text: #ffffff;
    /* Mukta is open-source (SIL OFL), one of the best free Devanagari + Latin pairings. */
    --bio-font:        "Mukta", "Noto Sans Devanagari", -apple-system, system-ui, sans-serif;
    --bio-font-head:   "Mukta", "Noto Serif Devanagari", Georgia, serif;
}

body[data-bio-theme="hindi-serif"]::before {
    /* Only load the Mukta webfont when this theme is active. */
    content: "";
    display: none;
}
body[data-bio-theme="hindi-serif"] {
    /* Google Fonts: free, SIL OFL. Loaded via <link> in the template when this theme is on. */
}