/* @import "./media.css"; */

:where(html) {
  color-scheme: light;

  /* @media (--HDcolor) {
    @supports (color: color(display-p3 0 0 0)) {
      --link: color(display-p3 .1 .4 1);
      --link-visited: color(display-p3 .6 .2 1);
    }
  } */

  /* & :where(dialog) { */
    /* background-color: var(--surface-1); */
  /* } */

  /* & :where(button,.btn) { */
    /* --_highlight: var(--_highlight-light);
    --_bg: var(--_bg-light);
    --_ink-shadow: var(--_ink-shadow-light); */

    /* & :where([type="reset"]) { */
      /* --_text: var(--red-6);
      --_border: var(--red-3); */
    /* } */
  /* } */

  /* & :where(button,.btn,input:is([type="button"],[type="submit"],[type="reset"]))[disabled] { */
    /* --_text: var(--gray-6); */
  /* } */

  /* & :where(textarea, select, input:not([type="button"],[type="submit"],[type="reset"])) { */
    /* background-color: var(--surface-2); */
  /* } */
}

:root,
:host,
.sl-theme-light {
  /* your custom styles here */

  --sl-color-primary-50:  var(--teal-1);
  --sl-color-primary-100: var(--teal-1);
  --sl-color-primary-200: var(--teal-2);
  --sl-color-primary-300: var(--teal-3);
  --sl-color-primary-400: var(--teal-4);
  --sl-color-primary-500: var(--teal);
  --sl-color-primary-600: var(--teal-6);
  --sl-color-primary-700: var(--teal-7);
  --sl-color-primary-800: var(--teal-8);
  --sl-color-primary-900: var(--teal-9);
  --sl-color-primary-950: var(--teal-9);

  /* --sl-color-neutral-50:  var(--grey-1);
  --sl-color-neutral-100: var(--grey1);
  --sl-color-neutral-200: var(--grey-2);
  --sl-color-neutral-300: var(--grey-3);
  --sl-color-neutral-400: var(--grey-4);
  --sl-color-neutral-500: var(--grey-5);
  --sl-color-neutral-600: var(--grey-6);
  --sl-color-neutral-700: var(--grey-7);
  --sl-color-neutral-800: var(--grey-8);
  --sl-color-neutral-900: var(--grey-9);
  --sl-color-neutral-950: var(--grey-9); */

  /* --sl-color-neutral-0: var(--white);
  --sl-color-neutral-1000: var(--black); */

  
}

body {
  /* --bg-green: rgba(51, 189, 159, 0.65);
  --bg-purple: rgba(52, 65, 209, 0.2405);
  --bg-teal: rgba(48, 194, 199, 0.73);
  --body-bg: radial-gradient(61.98% 61.98% at 100% 0%, var(--bg-green) 0%, var(--bg-purple) 49.77%, var(--bg-teal) 100%), 
  radial-gradient(50% 68.23% at 98.21% 96.61%, rgba(65, 209, 201, 0.73) 0%, rgba(65, 209, 183, 0.3358) 57.82%, rgba(65, 209, 183, 0) 100%), 
  radial-gradient(72.32% 89.58% at 1.34% 3.39%, #F74E76 0%, rgba(242, 87, 87, 0) 100%), 
  linear-gradient(180deg, #58CCDC 0%, rgba(88, 204, 220, 0) 100%), 
  linear-gradient(62.9deg, #8532C7 14.56%, rgba(133, 50, 199, 0) 92.07%, #F2F5FA);
  background-blend-mode: normal, normal, normal, normal, normal, normal;
  filter: blur(0px); */
  /* --body-bg: url("/assets/images/gradient-3.svg"); */
}