@import "tailwindcss/theme.css";
@import "tailwindcss/utilities.css";

@custom-variant dark (&:is(.dark *));

@theme {
    --color-surface: #ffffff;
    --color-surface-muted: #f9fafb;
    --color-text-strong: #111827;
    --color-text-muted: #6b7280;
    --color-border-subtle: #eaecf0;
    --color-primary: #7c3aed;
    --color-primary-strong: #6d28d9;
    --color-danger: #dc2626;
    --color-danger-strong: #b91c1c;
    --color-warning-bg: #fff4e2;
    --color-warning-fg: #db9729;
    --color-warning-border: #db9729;
    --color-info-bg: #eff6ff;
    --color-info-fg: #2563eb;
    --color-info-border: #bfdbfe;
    --color-success-bg: #ecfdf3;
    --color-success-fg: #16a34a;
    --color-success-border: #bbf7d0;
}

@source "./internal/web/views/**/*.templ";
@source "./internal/web/ui/**/*.templ";