/*!
Theme Name: Slanggenz Child
Theme URI: https://slanggenz.com
Description: Flatsome child-theme cho slanggenz.com — Gen Z dictionary. Port visual DNA từ SBlog SlangGenZ template (dark-first + glassmorphism + ticker + floating cards). 9 sections: Header / Hero / Ticker / Dictionary / Trend Radar / News / Quiz / Newsletter / Footer.
Version: 3.1.1
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Author: Slanggenz Team
Author URI: https://slanggenz.com
Template: flatsome
License: MIT
Text Domain: slanggenz
*/

/* === Tokens (referenced as fall-back; production template should also inject inline <style>) === */
:root {
    --sg-bg: #0b0b12;
    --sg-bg-soft: #12121c;
    --sg-card: #171723;
    --sg-card-2: #1d1d2a;
    --sg-text: #f5f4fb;
    --sg-muted: #a8a6b5;
    --sg-line: rgba(255, 255, 255, .12);
    --sg-lime: #c7ff4a;
    --sg-pink: #ff5bbd;
    --sg-blue: #6e78ff;
    --sg-orange: #ff9b54;
}

[data-theme="light"] {
    --sg-bg: #f6f5fb;
    --sg-bg-soft: #eceaf4;
    --sg-card: #ffffff;
    --sg-card-2: #f1eff7;
    --sg-text: #11101a;
    --sg-muted: #656172;
    --sg-line: rgba(17, 16, 26, .12);
}

/* === Typography (khôi phục v3.0.1 — font-family từng bị mất khi rewrite style.css) ===
   Be Vietnam Pro = UI/body (thiết kế riêng cho tiếng Việt, đủ dấu).
   Space Grotesk  = display/heading (có subset vietnamese). Cả hai enqueue ở inc/setup.php. */
:root {
    --sg-font-ui:      'Be Vietnam Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --sg-font-display: 'Space Grotesk', var(--sg-font-ui);
}

/* `html body` / `html h1-h6` = specificity (0,0,2) để THẮNG Flatsome custom-css
   inject `body{font-family:Lato}` + `h1-h6{font-family:Lato}` đứng sau trong <head>. */
html body {
    font-family: var(--sg-font-ui);
    /* Dark-first base — (0,0,2) thắng Flatsome. body bg/color theo data-theme (dark/light). */
    background: var(--sg-bg);
    color: var(--sg-text);
}

html h1, html h2, html h3, html h4, html h5, html h6,
.sg-word-term,
.sg-logo-text,
.sg-footer-logo {
    font-family: var(--sg-font-display);
}

/* Nav links — đè Flatsome `.nav > li > a {Lato}` (0,1,2) bằng (0,1,3). */
html .nav > li > a {
    font-family: var(--sg-font-ui);
}
