:root {

    --accent: #7c3aed;

    --background: #09090b;

    --surface: #111113;

    --surface-secondary: #18181b;

    --text: #f4f4f5;

    --muted: #a1a1aa;

    --border: #27272a;

    --profile-width: 1200px;

}


* {
    box-sizing: border-box;
}


html,
body {

    margin: 0;

    min-height: 100%;

}


html {

    font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    background: var(--background);

    color: var(--text);

}


body {

    min-height: 100vh;

    background: var(--background);

    color: var(--text);

}


a {

    color: inherit;

}


button,
input,
textarea,
select {

    font: inherit;

}


[hidden] {

    display: none !important;

}