:root{
    --brand:#FFC107;
    --ink:#111;
    --accent:#00BCD4;
    --muted:#E0E0E0;
    --paper:#FFF
}
    .bg-brand{
        background:var(--brand)!important
    }
    .text-brand{
        color:var(--brand)!important
    }
    .btn-ink{
        background:var(--ink);
        color:#fff
    }
    .btn-ink:hover{
        background:#000;
        color:#fff
    }
    .badge-dot{
        width:.5rem;
        height:.5rem;
        display:inline-block;
        border-radius:999px;
        background:var(--accent)
    }
    .floating-cta{
        position:fixed;
        right:18px;
        bottom:18px;
        display:grid;
        gap:10px;
        z-index:1080
    }
    .floating-cta a{
        border-radius:14px;
        padding:12px 14px;
        font-weight:800;
        box-shadow:0 10px 24px rgba(17,17,17,.08);
        text-decoration:none
    }
    .section{
        padding:4rem 0
    }
    .hero-gradient{
        background:radial-gradient(rgba(255,193,7,.30),#FFC107)
        
    }
    .bg-dot{
        background-color: var(--accent);
    }
    .border-dot{
        border-color:var(--accent);
    }