/*
 * Tailwind theme tokens for IglesiaPJTail migration.
 * These CSS variables align with the existing Bootstrap palette while
 * supporting light/dark modes. Tailwind will read them via the Play CDN
 * using the :root declarations as defaults.
 */
:root {
    --color-primary: 40 106 168;
    --color-primary-foreground: 255 255 255;
    --color-secondary: 99 102 241;
    --color-success: 16 185 129;
    --color-warning: 234 179 8;
    --color-danger: 239 68 68;
    --color-muted: 148 163 184;

    --color-background: 248 250 252;
    --color-foreground: 15 23 42;
    --color-card: 255 255 255;
    --color-card-foreground: 15 23 42;

    --radius-base: 0.75rem;
    --shadow-base: 0 10px 30px -15px rgba(15, 23, 42, 0.25);
}

.dark {
    --color-background: 15 23 42;
    --color-foreground: 226 232 240;
    --color-card: 30 41 59;
    --color-card-foreground: 226 232 240;
    --shadow-base: 0 15px 35px -10px rgba(15, 23, 42, 0.6);
}

body {
    background-color: rgb(var(--color-background));
    color: rgb(var(--color-foreground));
}