@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import "tailwindcss";

@font-face {
    font-family: NewYork;
    src: url(/assets/fonts/newyork-webfont.woff2) format("woff2"),
         url(/assets/fonts/newyork-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@theme {
    --color-dp-black: oklch(0 0.0222 302); /* Pure black (#000) */
    --color-dp-white: oklch(1 0 0); /* Pure white (#fff) */
    --color-dp-gray: oklch(0.683 0 0); /* Battleship gray (#999) */
    --color-dp-light-brown: oklch(0.3522 0.0098 61.18); /* Jet (#3f3a36)*/
    --color-dp-brown: oklch(0.2629 0.0058 56.13); /* Raisin black (#272422) */
    --color-dp-tan: oklch(0.8307 0.0719 66.57); /* Tan (#e8bf96) */

    --font-dp-serif: "NewYork", serif;
    --font-dp-sans: "Figtree", sans-serif;
    --font-dp-mono: "IBM Plex Mono", mono;
}

.dp-noise {
    background-image: url(/assets/images/noise.webp);
    background-size: 200%;
    background-repeat: repeat;
    background-position: center;
}