/*@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");*/

:root {
    /* Primary Colors */
    --primary-dark: #083A5F;
    --primary-light: #7D9ABF;
    --primary-accent: #FDD007;
    --primary-white: #FFFFFF;
    /* Grays */
    --primary-gray: rgb(246, 246, 246);
    --secondary-gray: rgb(233, 233, 233);
    --fundi-gray: #999999;
    /* Secondary Colors */
    --secondary-joy: #E56728;
    --secondary-calmness: #36AC45;
    --secondary-excitement: #F8BF21;
    --secondary-relaxing: #573283;
    --secondary-trust: #0072B4;
    --secondary-practical: #5C6C6F;
    /* Fundi Background */
    --fundi-bg: #F6F6F6;
    /* Brand Colors */
    --brand-50: #FFFAE0;
    --brand-100: #FEF9CD;
    --brand-500: #FDD007;
    --brand-600: #D9AE05;
    /* Gray Shades */
    --gray-50: #F9FAFB;
    --gray-200: #E9ECF0;
    --gray-400: #ccc;
    --gray-300: #D2D6DB;
    --gray-500: #6C737F;
    --gray-600: #4d5761;
    --gray-700: #333;
    --gray-900: #111927;
    /* Base */
    --base-white: #FFFFFF;
    /* Yellow */
    --brand-50: #FFFAE0;
    --brand-500: #fdd007;
    --brand-600: #d9ae05;
    --lightgray: lightgray;
    /* Blue */
    --blue-500: #0072B4;
}

/* General styles */
body {
    font-family: Poppins, sans-serif;
    padding: 0;
    margin: 0;
}

input[type="checkbox"] {
    accent-color: var(--brand-600);
    width: 1rem;
    height: 1rem;
}