@import "tailwindcss";
@import "./components.css";


@theme {
    --font-display: "Satoshi", "sans-serif";
    --breakpoint-3xl: 1920px;

    --ease-fluid: cubic-bezier(0.3, 0, 0, 1);
    --ease-snappy: cubic-bezier(0.2, 0, 0, 1);  /* ... */

    {% for color in colors %}
    --color-{{ color.name }}-{{ color.index }}: {{ color.value }};
    {% endfor %}
}

@variant dark (&:where(.dark, .dark *));