@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap');
:root {
    --bs-primary: #DEFF4A;
    --bs-primary-rgb: 222, 255, 74;
    --bs-secondary: #232323;
    --bs-secondary-rgb: 35, 35, 35;
    --bs-tertiary: #2C251D;
    --bs-tertiary-rgb: 44, 37, 29;
    --bs-info: #C3C1C1;
    --bs-info-rgb: 195, 193, 193;
    --bs-success: #F2FE7B;
    --bs-success-rgb: 242, 254, 123;
    --bs-warning: #DEFF4A;
    --bs-warning-rgb: 222, 255, 74;
    --bs-danger: #2C251D;
    --bs-danger-rgb: 44, 37, 29;
    --bs-light: #F2FE7B;
    --bs-light-rgb: 242, 254, 123;
    --bs-dark: #232323;
    --bs-dark-rgb: 35, 35, 35;
    --bs-heading-font-family: 'Anton', sans-serif;
    --bs-body-font-family: 'Google Sans Flex', sans-serif;
    --bs-border-radius: 0.5rem;
    --bs-border-radius-sm: 0.5rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 0.5rem;
    --bs-border-radius-xxl: 0.5rem;
}
[data-bs-theme="light"] {
    --bs-primary-on: #141414;
    --bs-secondary-on: #ffffff;
    --bs-tertiary-on: #ffffff;
    --bs-info-on: #141414;
    --bs-success-on: #141414;
    --bs-warning-on: #141414;
    --bs-danger-on: #ffffff;
    --bs-light-on: #141414;
    --bs-dark-on: #ffffff;
    --bs-link-color: var(--bs-secondary);
    --bs-link-hover-color: color-mix(in srgb, var(--bs-secondary), #000 20%);
}
[data-bs-theme="dark"] {
    --bs-primary-on: #141414;
    --bs-secondary-on: #ffffff;
    --bs-tertiary-on: #ffffff;
    --bs-info-on: #141414;
    --bs-success-on: #141414;
    --bs-warning-on: #141414;
    --bs-danger-on: #ffffff;
    --bs-light-on: #141414;
    --bs-dark-on: #ffffff;
    --bs-link-color: color-mix(in srgb, var(--bs-primary), #fff 60%);
    --bs-link-hover-color: color-mix(in srgb, var(--bs-primary), #fff 75%);
}