/* npx @tailwindcss/cli -i ./style/main.css -o ./style/output.css --watch */

@import 'tailwindcss';

@theme {
  /* --color-dark: #282630; */
  --color-dark: #000;
  --color-golden: #d9c8a9;
  --color-yellow: #b7973e;
  --section-gap: 2rem;
  --color-gray: #f3f3f3;
  --headerHeight: 93px;
}

@font-face {
  font-family: 'Urbanist';
  src: url('../fonts/Urbanist-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900; /* Define weight range for variable font */
  font-style: normal;
  font-display: swap;
}

/* Import Urbanist Italic Variable Font */
@font-face {
  font-family: 'Urbanist';
  src: url('../fonts/Urbanist-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900; /* Define weight range for variable font */
  font-style: italic;
  font-display: swap;
}

:root {
  font-family: 'Urbanist';
  scrollbar-color: var(--color-yellow) var(--color-dark);
  scrollbar-width: thin;
  scrollbar-gutter: stable;
  accent-color: var(--color-golden);
  caret-color: var(--color-golden);
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--section-gap) * 3);
    @media(width >= 48rem){
     scroll-padding-top: calc(var(--section-gap)  * 3 * 2);
}
}

body {
  background-color: var(--color-dark);
}

::selection {
  background-color: var(--color-dark);
  color: var(--color-golden);
}

.container {
  @apply px-4;
}

article h2 {
  @apply text-lg md:text-xl;
}

article .content p {
  @apply pb-6;
}

.privacy-policy header { background:#000!important;}