:root{
    --dt-bg:#f4f7fb;
    --dt-card:#ffffff;
    --dt-border:#dde5ef;
    --dt-text:#263238;
    --dt-muted:#667085;
    --dt-green:#1f9d55;
    --dt-yellow:#f4b400;
    --dt-red:#d93025;
    --dt-black:#222;
    --dt-primary:#1199c2;
    --dt-secondary: #24748C;
    --dt-radius:18px;
    --dt-shadow:
        0 8px 30px rgba(0,0,0,.08);
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
html{
    scroll-behavior:smooth;
}
body{
    background:var(--dt-bg);
    color:var(--dt-text);
    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
    line-height:1.5;
}
img{
    max-width:100%;
    display:block;
}
button{
    font:inherit;
}
a{
    color:inherit;
    text-decoration:none;
}