@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap'); /* geist font */

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


:root {
    --font-sans: 'Space Grotesk', sans-serif;
  /*--font-sans: 'Public Sans', sans-serif; */
}

.light {
    --ui-bg: var(--color-stone-100);
    --ui-primary: var(--color-stone-100);
    --sidebar-bg:  oklch(85%  0.001 106.424);
}

.dark {
  /*--ui-bg: var(--ui-color-neutral-950);*/
  --ui-bg: oklch(16.7% 0.004 49.25);
    --ui-primary: var(--color-neutral-900);
    --sidebar-bg: oklch(18.7% 0.004 49.25);
}

.sidebar-light {
    --ui-bg: var(--color-stone-300);
}
.sidebar-dark {
    background-color: var(--color-stone-800);
}

.dark-widget-bg {
    --ui-bg-elevated: rgb(34, 24, 32);
    --ui-bg-accented: rgb(22,22,22);
  }