/* raczdavid.hu TÉMARÉTEG (2026-10-26): a régi style.css-es aloldalakat (rólam, kapcsolat, szolgáltatások, tudástár,
   esettanulmányok, útmutatók…) a főoldal új sötét dizájnjára húzza, a HTML módosítása nélkül.
   A szerver közvetlenül a style.css UTÁN illeszti be, így minden új, style.css-t használó oldal is ezt kapja.
   Értékek: CSAK tokens.css (--rd-*). */
:root{
  --bg:var(--rd-bg); --white:var(--rd-card); --dark:var(--rd-bg2); --dark2:var(--rd-bg2); --dark3:var(--rd-card);
  --text:var(--rd-tx); --text2:var(--rd-tx2); --text3:var(--rd-tx3); --tl:var(--rd-tx); --tl2:var(--rd-tx2);
  --ac:var(--rd-a1); --ac2:var(--rd-a2); --ac3:var(--rd-a2);
  --grad:var(--rd-grad); --grad2:var(--rd-grad); --gs:var(--rd-grad-soft);
  --brd:var(--rd-line); --brd-l:var(--rd-line);
  --r:var(--rd-r-card); --rs:var(--rd-r-sm);
  --sh:var(--rd-shadow-lg); --shl:var(--rd-shadow-lg);
  --mw:var(--rd-wrap); --nh:var(--rd-nav-h);
}
body{background:var(--rd-bg);color:var(--rd-tx);font-family:var(--rd-f-body);font-size:var(--rd-fs-body);line-height:var(--rd-lh-body)}
h1,h2,h3,h4,.section-title,.nav-logo,.footer-brand .logo,.card-title,.form-card h3,.inline-cta h4,.case-header h3,.metric .num,.case-stat .val{font-family:var(--rd-f-display);letter-spacing:var(--rd-ls-head)}
.container{padding:0 var(--rd-gutter)}
::selection{background:rgba(91,124,250,.3);color:var(--rd-tx)}

/* nav — mint a főoldalon */
.nav{background:rgba(10,11,16,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--rd-line)}
.nav-links a{color:var(--rd-tx2);font-weight:600}
.nav-links a:hover,.nav-links a.active{color:var(--rd-tx)}
.nav-cta,.btn-primary,.form-submit button{background:var(--rd-grad);color:var(--rd-white);border-radius:var(--rd-r-btn);font-family:var(--rd-f-display);font-weight:700;box-shadow:var(--rd-shadow-btn)}
.nav-cta:hover,.btn-primary:hover,.form-submit button:hover{background:var(--rd-grad);transform:translateY(-2px);box-shadow:var(--rd-shadow-btn-hover)}
.nav-toggle span{background:var(--rd-tx)}
@media(max-width:960px){.nav-links{background:var(--rd-bg2);border-bottom:1px solid var(--rd-line)}}

/* gombok */
.btn{border-radius:var(--rd-r-btn);font-family:var(--rd-f-display);font-weight:700}
.btn-secondary{background:rgba(255,255,255,.04);color:var(--rd-tx);border:1px solid var(--rd-line2)}
.btn-secondary:hover{background:rgba(255,255,255,.08);border-color:var(--rd-line2)}
.btn-white{background:var(--rd-white);color:#171826}
.btn-white:hover{background:var(--rd-white);color:#171826;box-shadow:var(--rd-shadow-lg)}
.btn-gradient{background:var(--rd-grad)}

/* szekciók */
.section-white{background:var(--rd-bg)}
.section-dark,.section-dark2{background:var(--rd-bg2);border-top:1px solid var(--rd-line);border-bottom:1px solid var(--rd-line)}
.section-grad{background:linear-gradient(180deg,var(--rd-bg),var(--rd-bg2))}
.section-label{font-family:var(--rd-f-display);letter-spacing:.16em;color:var(--rd-a1)}
.section-dark .section-label,.section-dark2 .section-label{color:var(--rd-a1)}

/* aloldal-fejléc — a főoldal hero-fényeivel */
.page-hero,.page-hero.dark{background:var(--rd-bg);border-bottom:1px solid var(--rd-line)}
.page-hero .orb-1{background:var(--rd-glow-a1)}
.page-hero .orb-2{background:var(--rd-glow-a2)}
.page-hero .breadcrumb,.page-hero.dark .breadcrumb{color:var(--rd-tx3)}
.page-hero .breadcrumb a{color:var(--rd-a1)}

/* kártyák, űrlap */
.card,.svc-card,.case-card,.form-card{background:var(--rd-card);border:1px solid var(--rd-line)}
.card:hover,.svc-card:hover{border-color:var(--rd-line2)}
.about-img{border-color:var(--rd-line2);border-radius:var(--rd-r-lg)}
.form-field input,.form-field select,.form-field textarea{background:var(--rd-bg);border:1px solid var(--rd-line2);color:var(--rd-tx);border-radius:var(--rd-r-btn)}
.form-field input::placeholder,.form-field textarea::placeholder{color:var(--rd-tx3)}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--rd-a1)}
.metrics{background:var(--rd-bg2);border-color:var(--rd-line)}

/* CTA-blokkok — mint a főoldal záró CTA-ja */
.cta-block,.inline-cta{background:var(--rd-grad);border-radius:var(--rd-r-xl);color:var(--rd-white)}
.cta-block p,.inline-cta p{color:rgba(255,255,255,.9)}
.cta-block .orb{display:none}

/* cikktörzs */
.content-body h2,.content-body h3{color:var(--rd-tx)}
.content-body a{color:var(--rd-a1);text-decoration:underline;text-underline-offset:3px}
.content-body blockquote{background:rgba(91,124,250,.06);border-left-color:var(--rd-a1)}
.content-body .highlight-box{border-color:var(--rd-line2)}
.content-body .highlight-box h4{color:var(--rd-a1)}
.content-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.95rem}
.content-body th,.content-body td{border:1px solid var(--rd-line);padding:10px 14px;text-align:left}
.content-body th{background:var(--rd-card);font-family:var(--rd-f-display)}

/* lábléc — mint a főoldalon */
.footer{background:var(--rd-bg2);border-top:1px solid var(--rd-line);color:var(--rd-tx3)}
.footer-col h4{color:var(--rd-tx2);font-family:var(--rd-f-display);letter-spacing:.12em}
.footer-col a{color:var(--rd-tx3)}
.footer-col a:hover{color:var(--rd-a1)}
.footer-bottom{border-top-color:var(--rd-line)}
/* a fejléc-CTA szövege fehér (a .nav-links a szürke linkszíne ne írja felül), aláhúzó-animáció nélkül */
.nav .nav-cta,.nav-links a.nav-cta{color:var(--rd-white)}
.nav-links a.nav-cta::after{display:none}