@import "tailwindcss";
@source "./src/**/*.gleam";

@theme {
    --color-card-bg: var(--background, #ffffff);
    --color-card-border: var(--code-border, #ffaff3);
    --color-card-text: var(--text, #2a2020);
    --color-link: var(--links, #d900b8);
}

.theme-dark {
    --bg: #292d3e;
    --taupe-mono-1: #fdf1d4;

    --background: var(--bg);
    --code-background: #202431;
    --text: var(--taupe-mono-1);
    --links: var(--pink, #ffaff3);
    --code-border: var(--pink, #ffaff3);
}