root,
:root.default {
    /*CHANGE THESE FOR THEMES*/
    --tooltip-bg: #09090b;
    --base-bg: #131316;
    --select-bg: #1a1a1f;
    --ram-bg: #1a1a1f;
    --base-text: #d4d4d8;
    --outline: rgba(161, 161, 170, 0.15);
    --card-banner-bg: #17171b;
    --deep-bg: #0a0a0c;
    --dropdown-bg: #1a1a1f;
    /*END THEME VARIATION*/
    --black: black;
    --blue: #60a5fa;
    --indigo: #818cf8;
    --purple: #a78bfa;
    --pink: #f472b6;
    --red: #fb7185;
    --orange: #fb923c;
    --yellow: #fbbf24;
    --green: #4ade80;
    --teal: #2dd4bf;
    --cyan: #22d3ee;
    --white: #ffffff;
    --white-smoke: #fafafa;
    --gray: #71717a;
    --gray-light: #a1a1aa;
    --gray-lightest: #fafafa;
    --primary: #8b5cf6;
    --secondary: #27272a;
    --success: #4ade80;
    --info: #60a5fa;
    --warning: #fbbf24;
    --danger: #fb7185;
    --light: #e4e4e7;
    --dark: #131316;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
        "Helvetica Neue", Arial, "Noto Sans",
        sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
    --font-family-monospace: "JetBrains Mono", SFMono-Regular, Menlo,
        Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}