:root{ --brand:#111827; --accent:#2563eb; --pink:#ec4899; --violet:#8b5cf6; --cyan:#06b6d4; }
html{scroll-behavior:smooth}
.card{box-shadow:0 12px 30px rgba(2,8,23,.06)}
/* mobil menü gombok */
.navlink{padding:.65rem .9rem;border-radius:.8rem;border:1px solid transparent}
.navlink:hover{background:rgba(0,0,0,.04)}
.cta{padding:.65rem 1rem;border-radius:.9rem;border:1px solid rgba(0,0,0,.12);text-align:center}
.cta--solid{background:#111827;color:#fff;border-color:transparent}
html.dark .navlink:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1)}
html.dark .cta{border-color:rgba(255,255,255,.14)}