@import 'tailwindcss';
/*Since we generate them dynamically for each result section,
based on the config in the store, we have to force tailwind to always render them */
@source inline("grid-cols-1");
@source inline("grid-cols-2");
@source inline("grid-cols-3");
@source inline("grid-cols-4");
@source inline("grid-cols-5");
@source inline("grid-cols-6");
@source inline("grid-cols-7");
@source inline("grid-cols-8");
@source inline("grid-cols-9");
@source inline("grid-cols-10");
@source inline("grid-cols-11");
@source inline("grid-cols-12");

@config '../../../../tailwind.config.js';

/* High DPI display support */
@media screen and (min-resolution: 2dppx) {
  html {
    font-size: 16px; /* Slightly reduced base font size for high DPI */
  }
}

/*
  The default border color has changed to `currentColor` in Tailwind CSS v4,
  so we've added these compatibility styles to make sure everything still
  looks the same as it did with Tailwind CSS v3.

  If we ever want to remove these styles, we need to add an explicit border
  color utility to any element that depends on these defaults.
*/
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    border-color: var(--color-gray-200, currentColor);
  }

  //Buttons always pointer cursor
  button:not(:disabled),
  [role="button"]:not(:disabled) {
    cursor: pointer;
  }

  :root {
    --color-background: var(--ev-c-black);
    --color-background-soft: var(--ev-c-black-soft);
    --color-background-mute: var(--ev-c-black-mute);

    --color-text: var(--ev-c-text-1);
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
    margin: 0;
    font-weight: normal;
  }

  ul {
    list-style: none;
  }

  body {
    min-height: 100vh;
    padding: 0;
    margin: 0;
    /*color: var(--color-text);*/

    line-height: 1.6;
    font-family:
      Inter,
      -apple-system,
      BlinkMacSystemFont,
      'Segoe UI',
      Roboto,
      Oxygen,
      Ubuntu,
      Cantarell,
      'Fira Sans',
      'Droid Sans',
      'Helvetica Neue',
      sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
