:root {
    /* Acrobits Color System */
    --primary-light-200: 259, 54%, 81%;
    --primary-light-500: 260, 65%, 48%;
    --primary-light-700: 260, 65%, 32%;

    --primary-dark-200: 260, 65%, 32%;
    --primary-dark-500: 260, 65%, 48%;
    --primary-dark-700: 260, 61%, 74%;

    --secondary-light-200: 161, 55%, 77%;
    --secondary-light-500: 162, 75%, 41%;
    --secondary-light-700: 161, 76%, 21%;

    --secondary-dark-200: 161, 76%, 21%;
    --secondary-dark-500: 162, 75%, 41%;
    --secondary-dark-700: 161, 55%, 77%;

    --gray-light-25: 0, 0%, 98%;
    --gray-light-50: 0, 0%, 96%;
    --gray-light-100: 180, 6%, 92%;
    --gray-light-200: 210, 3%, 86%;
    --gray-light-300: 210, 4%, 79%;
    --gray-light-400: 210, 3%, 72%;
    --gray-light-500: 210, 3%, 65%;
    --gray-light-600: 210, 2%, 49%;
    --gray-light-700: 200, 2%, 32%;
    --gray-light-800: 180, 1%, 16%;

    --gray-dark-25: 180, 1%, 16%;
    --gray-dark-50: 220, 2%, 32%;
    --gray-dark-100: 210, 2%, 49%;
    --gray-dark-200: 210, 2%, 49%;
    --gray-dark-300: 210, 3%, 65%;
    --gray-dark-400: 210, 3%, 72%;
    --gray-dark-500: 210, 4%, 79%;
    --gray-dark-600: 210, 3%, 86%;
    --gray-dark-700: 180, 6%, 92%;
    --gray-dark-800: 0, 0%, 96%;

    --bg-light: 0, 0%, 100%;
    --bg-dark: 0, 0%, 7%;

    --white: 0, 0%, 100%;
    --black: 0, 0%, 0%;
}