/* Fluid Emerald / Kinetic Kanban: shared by the first paint and the app bundle. */
:root {
    color-scheme: light;
    --radius: 0.25rem;
    --background: #f7f9fb;
    --foreground: #191c1e;
    --card: #ffffff;
    --card-foreground: #191c1e;
    --popover: #ffffff;
    --popover-foreground: #191c1e;
    --primary: #006e2f;
    --primary-foreground: #ffffff;
    --secondary: #d0e1fb;
    --secondary-foreground: #38485d;
    --muted: #f2f4f6;
    --muted-foreground: #505f76;
    --accent: #dcfce7;
    --accent-foreground: #005321;
    --destructive: #ba1a1a;
    --destructive-foreground: #ffffff;
    --border: #e2e8f0;
    --input: #6d7b6c;
    --ring: #006e2f;
    --brand: #22c55e;
    --brand-foreground: #002109;
    --success: #dcfce7;
    --success-foreground: #005321;
    --warning: #fef3c7;
    --warning-foreground: #78350f;
    --info: #dbeafe;
    --info-foreground: #1e40af;
    --chart-1: #006e2f;
    --chart-2: #505f76;
    --chart-3: #9e4036;
    --chart-4: #92400e;
    --chart-5: #1d4ed8;
    --sidebar-background: #f2f4f6;
    --sidebar-foreground: #191c1e;
    --sidebar-primary: #006e2f;
    --sidebar-primary-foreground: #ffffff;
    --sidebar-accent: #dcfce7;
    --sidebar-accent-foreground: #005321;
    --sidebar-border: #e2e8f0;
    --sidebar-ring: #006e2f;
    --sidebar: #f2f4f6;
}

.dark {
    color-scheme: dark;
    --background: #0f172a;
    --foreground: #f1f5f9;
    --card: #1e293b;
    --card-foreground: #f1f5f9;
    --popover: #1e293b;
    --popover-foreground: #f1f5f9;
    --primary: #4ae176;
    --primary-foreground: #002109;
    --secondary: #334155;
    --secondary-foreground: #e2e8f0;
    --muted: #1e293b;
    --muted-foreground: #b7c8e1;
    --accent: #173b2b;
    --accent-foreground: #6bff8f;
    --destructive: #fca5a5;
    --destructive-foreground: #450a0a;
    --border: #334155;
    --input: #8293aa;
    --ring: #4ae176;
    --brand: #22c55e;
    --brand-foreground: #002109;
    --success: #173b2b;
    --success-foreground: #6bff8f;
    --warning: #422006;
    --warning-foreground: #fde68a;
    --info: #172554;
    --info-foreground: #bfdbfe;
    --chart-1: #4ae176;
    --chart-2: #b7c8e1;
    --chart-3: #ffb4a9;
    --chart-4: #fbbf24;
    --chart-5: #60a5fa;
    --sidebar-background: #111c30;
    --sidebar-foreground: #f1f5f9;
    --sidebar-primary: #4ae176;
    --sidebar-primary-foreground: #002109;
    --sidebar-accent: #173b2b;
    --sidebar-accent-foreground: #6bff8f;
    --sidebar-border: #334155;
    --sidebar-ring: #4ae176;
    --sidebar: #111c30;
}

html {
    background-color: var(--background);
    color: var(--foreground);
}