:root {
    /* COLORS */
    --color-success: #2dd4bf;
    --color-warning: #ca8a04;
    --color-danger: #dc2626;
    --color-info: #0ea5e9;
    --color-faded: #e5e7eb;
    --color-faded-lighten: #f7f7f7;
    --color-faded-darken: #d7dae0;
    --color-gray: #6b7280;
    --color-dark: #222222;
    --color-dark-darken: #202020;
    --color-violet: #6e00ff;
    --color-violet-lighten: #750cfe;
    --color-violet-darken: #6800f2;
    --color-light: #ffffff;
    --color-slate-light: #f8fafc;

    /* GLOBAL COLORS */
    --global-main-color: var(--color-violet);
    --global-text-color: var(--color-dark);
    --global-text-color-gray: var(--color-gray);
    --global-placeholder-color: var(--color-gray);

    /* FONT & TEXT */
    --global-font-family: "Nunito", sans-serif;
    --global-font-size: 0.96rem;
    --global-font-size-xs: 0.72rem;
    --global-font-size-sm: 0.82rem;
    --global-font-size-lg: 1.1rem;
    --global-font-size-xl: 1.9rem;
    --global-font-size-xxl: 3rem;
    --global-font-weight: 400;
    --global-font-weight-medium: 600;
    --global-font-weight-bold: 700;
    --global-line-height: 1.3;

    /* BORDER */
    --global-border: 1px solid var(--color-faded);
    --global-border-light: 1px solid var(--color-faded-lighten);
    --global-border-radius: 12px;
    --global-border-radius-lg: 24px;

    /* GLOBAL BOX-SHADOW */
    --global-box-shadow: 0 0 1.25rem rgb(31 45 61 / 8%) !important;
    --global-box-shadow-sm: 0 0.75rem 1.5rem rgb(18 38 63 / 3%);
    --global-text-shadow: 1px 1px 10px rgba(var(--global-text-color), 0.5);

    /* GLOBAL SPACE & GAP */
    --global-gap-size-sm: 12px;
    --global-gap-size: 24px;
    --global-gap-size-xl: 72px;
    --global-gap-size-xxl: 168px;
    --global-space-size: 16px;
    --global-space-size-xs: 6px;
    --global-space-size-sm: 12px;
    --global-space-size-md: 24px;
    --global-space-size-lg: 32px;
    --global-space-size-xl: 64px;
    --global-space-size-xxl: 96px;

    /* TRANSITION & ANIMATION */
    --global-transition-time: 0.2s;
    --global-transition-cubic-bezier: cubic-bezier(0.17, 0.67, 0.83, 0.67);
}