tailwind.config = {
        darkMode: "class",
        theme: {
          extend: {
            "colors": {
                    "background": "#f8faf9",
                    "primary-container": "#006a6a",
                    "surface-container-lowest": "#ffffff",
                    "on-primary-fixed": "#002020",
                    "on-background": "#191c1c",
                    "secondary-fixed": "#d0e8d9",
                    "surface-container-high": "#e6e9e8",
                    "primary-fixed-dim": "#84d4d3",
                    "on-error-container": "#93000a",
                    "secondary-container": "#cde6d6",
                    "surface-container-highest": "#e1e3e2",
                    "inverse-surface": "#2e3131",
                    "surface-container-low": "#f2f4f3",
                    "on-tertiary-fixed": "#001e2b",
                    "tertiary-fixed": "#c2e8fd",
                    "on-primary-fixed-variant": "#004f4f",
                    "on-secondary-container": "#51685b",
                    "on-primary": "#ffffff",
                    "tertiary-fixed-dim": "#a7cce1",
                    "inverse-primary": "#84d4d3",
                    "tertiary": "#264b5c",
                    "on-surface": "#191c1c",
                    "on-tertiary-container": "#b9def3",
                    "on-surface-variant": "#3e4948",
                    "surface-dim": "#d8dada",
                    "outline-variant": "#bec9c8",
                    "inverse-on-surface": "#eff1f0",
                    "on-error": "#ffffff",
                    "on-tertiary-fixed-variant": "#264b5c",
                    "on-tertiary": "#ffffff",
                    "tertiary-container": "#3f6375",
                    "on-secondary-fixed-variant": "#364b40",
                    "secondary-fixed-dim": "#b4ccbd",
                    "surface-variant": "#e1e3e2",
                    "outline": "#6e7979",
                    "surface-container": "#eceeed",
                    "surface-bright": "#f8faf9",
                    "error": "#ba1a1a",
                    "surface-tint": "#006a6a",
                    "secondary": "#4d6357",
                    "surface": "#f8faf9",
                    "on-secondary-fixed": "#0a1f16",
                    "error-container": "#ffdad6",
                    "primary": "#005050",
                    "on-primary-container": "#97e7e6",
                    "on-secondary": "#ffffff",
                    "primary-fixed": "#a0f0f0"
            },
            "borderRadius": {
                    "DEFAULT": "0.25rem",
                    "lg": "0.5rem",
                    "xl": "0.75rem",
                    "full": "9999px"
            },
            "fontFamily": {
                    "headline": ["Manrope"],
                    "body": ["Manrope"],
                    "label": ["Manrope"]
            }
          },
        },
      }