@import "tailwindcss";
@import "@nuxt/ui";

@theme static {
    --color-brand-50: #EFFDF5;
    --color-brand-100: #D9FBE8;
    --color-brand-200: #B3F5D1;
    --color-brand-300: #75EDAE;
    --color-brand-400: #00DC82;
    --color-brand-500: #00A666;
    --color-brand-600: #00A666;
    --color-brand-700: #007F45;
    --color-brand-800: #016538;
    --color-brand-900: #0A5331;
    --color-brand-950: #052E16;
}


/*:root {*/
/*    --ui-container: var(--container-4xl);*/

/*    !*::selection {*!*/
/*    !*    color: #282a30;*!*/
/*    !*    background-color: #c8c8c8;*!*/
/*    !*}*!*/
/*}*/
/*:root {*/
/*    --ui-header-height: --spacing(24);*/
/*}*/