@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --background: #FFFFFF;
    --foreground: #0a0a0a;
    --primary: #6b55df;
    /* --accent: #009252; */
    --accent: #cb27c5;
    --success: #009252;
    --warning: #e1a200;
    --error: #de3b3d;
    --info: #0f74c5;
    --sidebar: #fcfcfc;
    --border: #e8e3e4;
    --input: #eeeaeb;
    --card: white;
    --card-foreground: #0a0a0a;
    --popover: white;
    --popover-foreground: #0a0a0a;
    --muted: oklch(.97 .01 290);
    --muted-foreground: oklch(.45 .02 290);

    --radius: .75rem;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --animate-spin: spin 1s linear infinite;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: 0 solid;
}

body {
    font-family: Inter;
}

a {
    text-decoration: none;
    color: var(--foreground);
}