/* ══════════════════════════════════════════════════════════════
   Business Pont — a két design tokenjei (világos + sötét mindkettőnél)
   A markup közös; itt dől el minden szín és betű.
   A: „Zöld út"   — mélykék + zöld jel, Instrument Sans
   B: „Arany mérleg" — grafit + sárgaréz, Poppins + DM Sans
   ══════════════════════════════════════════════════════════════ */

/* ── Betűk (saját tárhelyről; a latin-ext hozza az ő és ű betűt) ── */
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/instrument-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/instrument-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/dm-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/dm-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ── A · Zöld út — világos (alap) ── */
:root,
[data-design="a"]{
  color-scheme:light;
  --font-display:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --display-weight:600;
  --display-track:-.03em;
  --bg:#F7F9FB;
  --bg-alt:#EDF1F5;
  --surface:#FFFFFF;
  --ink:#0E1A2B;
  --muted:#4F5E73;
  --line:#DCE3EB;
  --line-strong:#B9C5D3;
  --accent:#0B7F57;
  --accent-ink:#FFFFFF;
  --accent-text:#0A7550;
  --dot:#0E9F6E;
  --ico-bg:#E3F3EC;
  --panel:#0E1A2B;
  --panel-ink:#F2F6FA;
  --panel-muted:#A9B8CA;
  --panel-accent:#3FCB93;
  --panel-field:#1A2A40;
  --panel-line:#2E4260;
  --panel-btn:#12A36F;
  --panel-btn-ink:#04150D;
  --danger:#B42318;
  --radius:4px;
  --shadow:0 1px 2px rgba(14,26,43,.06),0 14px 34px -18px rgba(14,26,43,.28);
  --deco:rgba(14,26,43,.07);
  --deco-dot:rgba(14,159,110,.16);
}
/* ── A · Zöld út — sötét ── */
[data-design="a"][data-mode="dark"]{
  color-scheme:dark;
  --bg:#0A1320;
  --bg-alt:#0E1A2B;
  --surface:#111F33;
  --ink:#E8EEF5;
  --muted:#9AAABF;
  --line:#22334B;
  --line-strong:#344A68;
  --accent:#1FAF7A;
  --accent-ink:#03140C;
  --accent-text:#46CF98;
  --dot:#2BC48A;
  --ico-bg:#12302A;
  --panel:#15263D;
  --panel-ink:#EAF0F7;
  --panel-muted:#A3B5CA;
  --panel-accent:#52D6A1;
  --panel-field:#0D1A2C;
  --panel-line:#2C4260;
  --panel-btn:#1FAF7A;
  --panel-btn-ink:#03140C;
  --danger:#F97066;
  --shadow:0 1px 2px rgba(0,0,0,.35),0 18px 40px -22px rgba(0,0,0,.7);
  --deco:rgba(232,238,245,.06);
  --deco-dot:rgba(43,196,138,.14);
}

/* ── B · Arany mérleg — sötét (alap) ── */
[data-design="b"]{
  color-scheme:dark;
  --font-display:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-body:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --display-weight:600;
  --display-track:-.02em;
  --bg:#14120F;
  --bg-alt:#1A1713;
  --surface:#1F1B16;
  --ink:#EFE7D6;
  --muted:#ADA28B;
  --line:#302A21;
  --line-strong:#4A4133;
  --accent:#CDA559;
  --accent-ink:#1A140A;
  --accent-text:#D9B46A;
  --dot:#CDA559;
  --ico-bg:#2A2419;
  --panel:#221E18;
  --panel-ink:#EFE7D6;
  --panel-muted:#ADA28B;
  --panel-accent:#DDB86C;
  --panel-field:#16130F;
  --panel-line:#3E362A;
  --panel-btn:#CDA559;
  --panel-btn-ink:#1A140A;
  --danger:#F0806F;
  --radius:4px;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 18px 44px -24px rgba(0,0,0,.8);
  --deco:rgba(205,165,89,.09);
  --deco-dot:rgba(205,165,89,.12);
}
/* ── B · Arany mérleg — világos ── */
[data-design="b"][data-mode="light"]{
  color-scheme:light;
  --bg:#F6F2EA;
  --bg-alt:#EEE7DA;
  --surface:#FFFDF8;
  --ink:#1C1813;
  --muted:#645A4B;
  --line:#E2D8C6;
  --line-strong:#C9BBA2;
  --accent:#1C1813;
  --accent-ink:#F3E6C8;
  --accent-text:#86662A;
  --dot:#B8903F;
  --ico-bg:#F1E6CF;
  --panel:#1C1813;
  --panel-ink:#EFE7D6;
  --panel-muted:#B6A98F;
  --panel-accent:#DDB86C;
  --panel-field:#2A251E;
  --panel-line:#443B2E;
  --panel-btn:#CDA559;
  --panel-btn-ink:#1A140A;
  --danger:#A4332A;
  --shadow:0 1px 2px rgba(28,24,19,.06),0 14px 34px -18px rgba(28,24,19,.3);
  --deco:rgba(28,24,19,.07);
  --deco-dot:rgba(184,144,63,.16);
}