/* Novixa design tokens */
:root {
    /* Brand palette (kept as original hex for pixel-identical appearance) */
    --purple: #6c50e8;
    --purple-dark: #4d35bf;
    --purple-soft: #7ba6e5;
    --cyan: #54c7d8;
    --ink: #202033;
    --label-grey: #aaaaaa;
    --muted: #76768a;
    --line: #e9e8ef;
    --surface: #fff;
    --canvas: #f7f7fa;

    /* Radius & elevation */
    --radius: 20px;
    --shadow: 0 18px 55px rgba(54, 45, 105, .10);

    /* Brand gradient */
    --my-gradient: linear-gradient(
        145deg,
        #5142e8 0%,
        #5147e7 42%,
        #328ed8 76%,
        #10bdc9 100%
    );

    /* Motion tokens — modern easing curves */
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --dur-fast: 150ms;
    --dur-base: 250ms;

    font-family: "DM Sans", sans-serif;
    color: var(--ink);
    background: var(--canvas);
    font-synthesis: none
}